ES6 字符串模板方法

【1、字符串模板方法】
傳統(tǒng)的 JavaScript 語言，輸出模板是使用+拼接的，或則使用replace替換的
1、"<span>"+user.name+"</span>"
2、"<span>#name</span>" .replace("name",user.name);


這種寫法相當(dāng)繁瑣不方便，ES6 引入了模板字符串解決這個(gè)問題


模板字符串是增強(qiáng)版的字符串，用反引號（`）標(biāo)識。
它可以當(dāng)作普通字符串使用，也可以用來定義多行字符串，或者在字符串中嵌入變量。
   模板字符串中嵌入變量，需要將變量名寫在${}之中
    比如   var  user={name:"tom"};
    在末班字符串中輸出   `hello word ${user.name} `

   ${}大括號內(nèi)部可以放入任意的 JavaScript 表達(dá)式，可以進(jìn)行運(yùn)算，以及引用對象屬性。模板字符串之中還能調(diào)用函數(shù)。
   
   模板字符串可以表示多行字符串，所有的空格和縮進(jìn)都會被保留在輸出之中。你不想要這個(gè)換行，可以使用trim方法消除它
   
【2、標(biāo)簽?zāi)０濉?br />   模板字符串可以緊跟在一個(gè)函數(shù)名后面，該函數(shù)將被調(diào)用來處理這個(gè)模板字符串。這被稱為“標(biāo)簽?zāi)０濉?br />   比如  alert(123) 使用標(biāo)簽?zāi)０?可以寫成  alert`123`   
   
   標(biāo)簽?zāi)０迤鋵?shí)不是模板，而是函數(shù)調(diào)用的一種特殊形式。“標(biāo)簽”指的就是函數(shù)，緊跟在后面的 模板字符串 就是它的參數(shù).
   
   但是，如果模板字符里面有變量，就不是簡單的調(diào)用了，而是會將 模板字符串 先處理成多個(gè)參數(shù)，再調(diào)用函數(shù)。
     let a = 5;let b = 10;
handler `Hello ${ a + b } world ${ a * b } tom`;    =  handler(['Hello ', ' world ', 'tom'], 15, 50);
    
    第一個(gè)參數(shù)是一個(gè)數(shù)組，該數(shù)組的成員是模板字符串中那些沒有變量替換的部分    
    其他參數(shù)，都是模板字符串各個(gè)變量被替換后的值。             剛才例子中，模板字符串含有兩個(gè)變量，因此tag會接受到value1和value2兩個(gè)參數(shù)。
 
   
String.raw()
    
   String.raw方法，往往用來充當(dāng)模板字符串的處理函數(shù)，返回一個(gè)斜杠都被轉(zhuǎn)義（斜杠前面再加一個(gè)斜杠）的字符串，對應(yīng)于替換變量后的模板字符串。
   var  shuchu=`Hi\n${2+3}!`;
   //換行已經(jīng)沒有了   Hi
                    5
   
   // 返回 "Hi\\n5!"
   
   如果原字符串的斜杠已經(jīng)轉(zhuǎn)義，那么String.raw會進(jìn)行再次轉(zhuǎn)義。
   可以作為處理模板字符串的基本方法，它會將所有變量替換，而且對斜杠進(jìn)行轉(zhuǎn)義，方便下一步作為字符串來使用.