${}（美元符号和花括号）在 JavaScript 中的字符串中是什么意思？

Question

我没有在这里或在 MDN 上看到任何东西。我确定我只是错过了一些东西。一定有一些关于这方面的文件吗？

从功能上讲，它看起来允许您将变量嵌套在字符串中，而无需使用 + 运算符进行连接。我正在寻找有关此功能的文档。

例子：

var string = 'this is a string';

console.log(`Insert a string here: ${string}`);

原文由 Darren Joy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你在谈论 模板文字。

它们允许多行字符串和字符串插值。

多行字符串：

 console.log(`foo
 bar`);
 // foo
 // bar

字符串插值：

 var foo = 'bar';
 console.log(`Let's meet at the ${foo}`);
 // Let's meet at the bar

原文由 Rick Runyon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

正如上面评论中提到的，您可以在模板字符串/文字中包含表达式。例子：

 const one = 1;
const two = 2;
const result = `One add two is ${one + two}`;
console.log(result); // output: One add two is 3

原文由 Joel H 发布，翻译遵循 CC BY-SA 4.0 许可协议