1. 程式人生 > >ES6字串模板

ES6字串模板

ES6新增了字串模組,用來簡化之前繁雜的字串連線。

先看一下ES5時期字串連線的用法,舉個列子

var str="實踐證明,“改革開放是決定當代中國命運的關鍵一招,也是決定實現‘兩個一百年’奮鬥目標、實現中華民族偉大復興的關鍵一招。”未來,改革開放更需不斷深化,在黨的領導下,新時代的改革開放,必將為當代中國發展塑造新的格局、開闢新的境界。";
document.write(str);

引用的這段話中出現了很多個 “中國” 字樣,我們需要將這個字串單獨拿出來,可方便修改,譬如修改成“中華”。

var str1="中國";
var str="實踐證明,“改革開放是決定當代"+str1+"命運的關鍵一招,也是決定實現‘兩個一百年’奮鬥目標、實現中華民族偉大復興的關鍵一招。”未來,改革開放更需不斷深化,在黨的領導下,新時代的改革開放,必將為當代"+str1+"發展塑造新的格局、開闢新的境界。";
document.write(str);

ES6中新增了字串模組,用反引號包含內容區,使用 ${變數} 來直接替換。

var str1="中國";
var str=`實踐證明,“改革開放是決定當代${str1}命運的關鍵一招,也是決定實現‘兩個一百年’奮鬥目標、實現中華民族偉大復興的關鍵一招。”未來,改革開放更需不斷深化,在黨的領導下,新時代的改革開放,必將為當代${str1}發展塑造新的格局、開闢新的境界。`;
document.write(str);