1. 首页
  2. 问题
  3. ES6 / ECMA6模板文字-不起作用
一尘不染

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

javascript

我想尝试使用模板文字，但它不起作用：它显示文字变量名称，而不是值。我正在使用Chromev50.0.2（和jQuery）。

例：

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

输出：

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

阅读 375

收藏
2020-05-01

共1个答案

一尘不染

JavaScript 模板文字 需要反引号，而不是直接引号。

您需要使用反引号（也称为“重音符”-您会在1键旁边找到）-而不是单引号-来创建模板文字。

反引号在许多编程语言中都很常见，但可能对JavaScript开发人员来说是新的。

范例 ：

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

输出 ：

VM626:1 categoryName: name 
categoryElements: element
2020-05-01