es6反引號怎麼用

es6反引號的用法：1、定義單行字串；2、定義多行字串，字串中的空格、縮排和換行會被保留在輸出之中；3、在字串中嵌入變量，變數名稱需要寫在「${}」中，範例「`Hello ${name}`」

本教學操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

模板字串（template string）是增強版的字串，以反引號（`）來識別。它可以當作普通字串使用，也可以用來定義多行字串，或是在字串中嵌入變數。

// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

如果在範本字串中需要使用反引號，則前面要用反斜線轉義。

 var greeting = `\`Yo\` World!`;

如果使用模板字串表示多行字串，所有的空格和縮排都會被保留在輸出之中。

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

如果你不想要這個換行，可以用trim方法消除它。

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`.trim());

模板字串中嵌入變量，需要將變數名稱寫在${}之中。

【相關推薦：javascript影片教學、web前端】

以上是es6反引號怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！