es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串，在 ES6 中引入了一种新的字符 - phpStudy...

详解JavaScript ES6中的模板字符串

在 ES6 中引入了一种新的字符串字面量 — 模板字符串，除了使用反引号 (`) 表示，它们看上去和普通的字符串没有什么区别。在最简单的情况下，他们就是普通的字符串：

context.fillText(`Ceci n'est pas une cha?ne.`, x, y);

context.fillText(`Ceci n'est pas une cha?ne.`, x, y);

之所以被称为模板字符串，是因为模板字符串为 JS 引入了简单的字符串插值特性，也就是说，可以方便优雅地将 JS 的值插入到字符串中。

很多地方可以用到模板字符串，看下面这个不起眼的错误提示消息：

function authorize(user, action) {

if (!user.hasPrivilege(action)) {

throw new Error(

`User ${user.name} is not authorized to do ${action}.`);

}

}

function authorize(user, action) {

if (!user.hasPrivilege(action)) {

throw new Error(

`User ${user.name} is not authorized to do ${action}.`);

}

}

上面代码中，${user.name} 和 ${action} 被称为模板占位符，JavaScript 将把 user.name和 action 的值分别插到对应的位置上，然后生成像这样 “User jorendorff is not authorized to do hockey.” 的字符串。

现在，我们看到了一个比 + 运算符更优雅的语法，下面是一些你期待的特性：

模板占位符可以是任何 JavaScript 表达式，所以函数调用和四则运算等都是合法的。(甚至你还可以在一个模板字符串中嵌套另一个模板字符串。)

如果一个值不是字符串，它将被转换为字符串。例如，如果 action 是一个对象，那么该对象的 .toString() 将被调用，来将其转换为字符串。

如果你想在模板字符串中使用反引号，你需要使用反斜杠 \ 将其转义。

同样地，如果想在模板字符串中输出 ${，也需要使用反斜杠