javascript ES6模板文字

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript ES6模板文字相关的知识,希望对你有一定的参考价值。

'This is a string' // string literal
"This is a string" // string literal

`This is a string. Notice the back ticks.` // template literal

const fruitList =
  "<ul>" +
    "<li>Kiwi</li>" +
    "<li>Lime</li>" +
    "<li>Pineapple</li>" +
  "</ul>";

const veggieList = `
  <ul>
    <li>Potato</li>
    <li>Pepper</li>
    <li>Leek</li>
  </ul>
`;

// Interpolation with Template Literals
>let name = 'Gary'
>`Hello, ${name}` // "Hello, Gary"
>`I'll be there at ${2 * 3} o'clack // "I'll be ther at 6 o'clack"

// These are the same
// const sentence = `<p>` + like(`apples`) + `, but ` + love(`oranges`) + `.</p>`;
const sentence = `<p>${like(`apples`)}, but ${love(`oranges`)}.</p>`;

以上是关于javascript ES6模板文字的主要内容,如果未能解决你的问题,请参考以下文章

ES6 模板文字与串联字符串

jQuery $.each 方法中的 ES6 模板文字

在 ES6 模板文字中插入 if 语句

ES6 模板文字可以在运行时替换(或重用)吗?

如何使用 es6 模板文字作为 Angular 组件输入

在编译字符串插值实例时,Coffeescript是否始终使用ES6模板文字?