ES6 / ECMA6模板文字 - 无效

Question

ES6 / ECMA6模板文字 - 无效我想尝试使用模板文字并且它不起作用：它显示文字变量名称而不是值。我使用的是Chrome v50.0.2（和jQuery）。例：console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');输出：${this.categoryName} categoryElements: ${this.categoryElements}

Answer 1

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

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

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

示例：

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

输出：

VM626:1 categoryName: name 
categoryElements: element