es6 模板字符串和模板占位符詳解

ES6引入了一種新型的字符串字面量語法，我們稱之為模板字符串（template strings）。除了使用反撇號字符 ` 代替普通字符串的引號 ' 或 "
反撇好中的所有空白都屬於字符串，所以千萬要小心縮進!!
let a=1;
let b=2;
var arr=[1,2,3]
var htm=""
for (let i = 0; i <arr.length ; i++) {
 //onclick事件 傳入參數里面使用占位符一定要加單引號！！！
 //反撇號` 里面即為模板字符串
 htm+=`<div class="aa" onclick=tab('${a}','${b}')>${arr[i]}</div>`//最外層是反撇號` 
}

在這個示例中，${a}和${b}和${arr[i]}被稱為模板占位符

上面js等價於下面傳統寫法

for (let i = 0; i <arr.length ; i++) {
 //onclick事件 傳入參數里面使用占位符一定要加單引號！！！
 htm+='<div  class="aa" onclick=add(\''+a+'\',\''+b+'\')>'+data[i]+'</div>'//最外層是單引號'
}