模板字符串不起作用

template strings not working

模板字符串应该在任何终端上工作,例如 visual studio 代码终端或 windows 终端。但它没有。我做了这个代码 visual studio 代码。这是我的代码

var name = 'Andrew';
console.log('Hello ${name}');

输出为

Hello ${name}

请说明我的代码需要进行哪些更改,并解释为什么它目前无法正常工作。

单引号和双引号不会调用该行为 - 使用反引号。

var name = 'Andrew';
console.log(`Hello ${name}`);
//          ^             ^

有关 Template literals

的更多信息

var name = 'Andrew';
console.log(`Hello ${name}`);

模板文字是允许嵌入表达式的字符串文字。您可以对它们使用多行字符串和字符串插值功能。它们在 ES2015 规范的先前版本中被称为 "template strings"。

模板文字由反引号 (``)(重音符)字符括起来,而不是双引号或单引号或双引号。

不是引号,也不是双引号

var name = 'Andrew'
console.log(`Hello ${name}`)

这里有一个教程:https://babeljs.io/learn-es2015/#template-strings

字符串中的所有内容都是文字。您正在将变量 ${name} 写在普通引号内,因此它将按文字打印。 如果要对其进行解释,则必须连接答案,例如:

console.log('Hello ' + 姓名)

使用模板的引号不是您使用的引号,这些是正确的引号:(闭合重音符号/反引号)

`Hello ${name}`

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals