javascript - ES6/ECMA6模板文字-不起作用

我想尝试使用template literals，但它不起作用:它显示的是文字变量名称，而不是值。我正在使用Chrome v50.0.2(和jQuery)。

例子:

console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

输出:

${this.categoryName}
categoryElements: ${this.categoryElements}

最佳答案

JavaScript模板文字需要反引号，而不是直接引号。
您需要使用反引号(也称为“重音符”(您会在1键if you're using a QWERTY keyboard旁边找到))而不是单引号来创建模板文字。
反引号在许多编程语言中都很常见，但可能对JavaScript开发人员来说是新的。
例子:

categoryName="name";
categoryElements="element";
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${categoryElements} `)

输出:

VM626:1 categoryName: name
categoryElements: element

看:
Usage of the backtick character (`) in JavaScript