模板字符串

在傳統(tǒng)的拼接字符串中，使用的是‘+’進(jìn)行拼接：

var a =1, b=2;
var str = "a的值是" + a + "，b的值是" + b;
console.log(str);  // a的值是1，b的值是2

可以看出用+進(jìn)行拼接字符串比較繁瑣，尤其是當(dāng)字符串特別長(zhǎng)的時(shí)候+就會(huì)顯得冗余。于是在ES6中就有了模板字符串，它是用反引號(hào)`進(jìn)行拼接的（鍵盤上tab鍵上面的那個(gè)鍵子）。

var a =1, b=2;
var str = `a的值是${a}，b的值是${b}`;
console.log(str);

變量的值放在${ }中，里邊除了可以是變量，也可以是表達(dá)式。

var res = `the sum of a and b is ${a+b}`;
console.log(res);  // the sum of a and b is 3

表達(dá)式也包括函數(shù)的調(diào)用：

function sum (a=1, b=2){
  return a+b;
}
var str = `the result is ${sum()}`;
console.log(str);

需要注意的是，在模板字符串中所有出現(xiàn)的空格、換行和縮進(jìn)都會(huì)保留在輸出中：
var str = `a的值是${a}， b的值是${b}`;
上邊輸出的str也是含有換行的str。

標(biāo)簽?zāi)０?/h4>

標(biāo)簽?zāi)０迨窃谀０遄址凹由弦粋€(gè)用來(lái)處理它的函數(shù)名稱，我們先來(lái)看下邊的代碼：

var yy = 2017, mm = 4, dd = 21;
tagTemplate`Today is ${yy}-${mm}-${dd}.`
function tagTemplate(arr,...values){
  console.log(arr);  // [ 'Today is ', '-', '-', '.' ]
  console.log(values); // [ 2017, 4, 21 ]
}

參數(shù)里的...values后邊會(huì)講到，這里可以把...values和arr理解為arguments。arguments[0]就是arr，是一個(gè)數(shù)租，里邊的元素是模板字符串中的非變量?jī)?nèi)容。values，存放的是模板字符串中的變量值，這樣，我們知道了他們存放的位置就可以隨意的處理和操縱模板字符串了。

最后，跟大家分享一下我的個(gè)人博客地址：http://javascript404.com
歡迎你的到來(lái) ~ ~ ???