模板字符串

模板字符串用途

1. 取變量

   var name = "liyang";
      var age = 23;
      console.log(`I am ${name},I ${age} years old`)

   若是想用到反引號，用斜槓轉義
      var name = "liyang";
      var age = 23;
      console.log(`I \`\`am ${name},I ${age} years old`)

2. 展現多行字符串

   $('#root').html(`
          <ul>
              <li>一</li>
              <li>二</li>
              <li>三</li>
          </ul>
      `)

   <ul>標籤前面會有一個換行。若是想把行首和行尾的換行、空格等去掉，則使用trim方法。

   $('#root').html(`
          <ul>
              <li>一</li>
              <li>二</li>
              <li>三</li>
          </ul>
      `.trim())

3. 嵌入變量的多種使用方式

   var  x= 1, y = 2;
   console.log(`${x} + ${y} = ${x + y}`)

   var x= 1, y = 2;
   console.log(${x} + ${y * 2} = ${x + y * 2})

   var obj = {x:1,y:2};
   console.log(${obj.x + obj.y});

4. 調用函數

   function func(){
     return 'Hello';
   }
   console.log(`${func()} World`);