为什么单引号模板字符串不起作用？

Question

我正在学习Andrew Mead - Udemy的Javascript课程。但是我确实有一个关于视频中给出的模板字符串的问题。

return 'A ${percent}% tip on $${total} would be $${tip}'

当我在vscode中输入它时，这不起作用。然而，为了让它在我的vscode中工作，我必须输入

return "A " + percent  + "% tip on $" + total + " would be $" + tip;

我已经安装了Babel Javascript和Prettier，但想知道究竟是什么原因导致这段代码不能正常工作?每当我运行node arguments.js时，它输出为:$${total}上的${percent}%提示将是$${tip}&;

如果我对第二个代码执行node arguments.js，它会打印出来，"$60的20%小费将是$12";

我想学习如何让字符串以各种可能的方式工作。提前谢谢你。

Answer 1

This:

return 'A ${percent}% tip on $${total} would be $${tip}'

很可能是:

return `A ${percent}% tip on $${total} would be $${tip}`

注意使用反引号`而不是引号'。它们用于创建模板字面量。