微信小程序ES6——字符串模板

簡介

• ES6中的模板字符串是使用反引號 (``) 來代替傳統字符串中的雙引號和單引號。以下所說的傳統字符串就是指使用單引號或者雙引號拼接的字符串。
• 反引號 (``)是windows鍵盤英文輸入法下tab鍵上面那個鍵。

優點

• 傳統字符串拼接不能正常換行；ES6模板字符串可以換行。
• 傳統字符串拼接不能友好的插入變量；ES6模板字符串內可以插入變量。
• 傳統字符串拼接不能友好的處理單引號、雙引號互相嵌套的問題；ES6模板字符串內不會出現單雙引號轉義的問題。

使用方法

• 傳統字符串拼接不能正常換行；ES6模板字符串可以換行。
  • 傳統字符串換行拼接如下

    var content = 'Hello'+
               'World,'+
               'i am coming';

  • ES6模板字符串拼接如下

    var content = `Hello 
               World,
               i am coming`

• 傳統字符串拼接不能友好的插入變量；ES6模板字符串內可以插入變量。
  • 傳統字符串

    var s1 = "hello world";
    var content = s1+",i am coming";
    console.log(content); // hello world,i am coming

  • ES6模板字符串:${}里面可以插入任何js表達式，還可以是一個對象、數組，甚至是一個函數。${}里面插入對象或者數組會調用它們的todtring()方法。

    var s1 = "hello world";
    var content =`${s1},i am coming`;
    console.log(content); // hello world,i am coming

• 傳統字符串拼接不能友好的處理單引號、雙引號互相嵌套的問題；ES6模板字符串內不會出現單雙引號轉義的問題。
• Next