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

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，但想知道这段代码无法正常工作的具体原因是什么？每当我运行节点 arguments.js 时，它都会打印出“$${total} 上的 ${percent}% 小费将是 $${tip}”

如果我为第二个代码执行节点 arguments.js，它会打印出“60 美元的 20% 小费将是 12 美元”

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

Answer 1

这个：

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

很可能是：

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

注意使用反引号` 而不是引号'。他们需要创建一个template literal。