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

Question

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

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

例子：

 var string = 'this is a string'; console.log(`Insert a string here: ${string}`);

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

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

Answer 3

您还可以使用模板文字执行隐式类型转换。 例子：

let fruits = ["mango","orange","pineapple","papaya"];

console.log(`My favourite fruits are ${fruits}`);
// My favourite fruits are mango,orange,pineapple,papaya

Answer 4

它用于引用字符串中的变量：

let someVar = "World!"
console.log(`Hello ${someVar}`); // Output is Hello World!

Answer 5

const firstName = 'Sachin'; const age = 16 alert( ${firstName} is ${age} years old )

//萨钦16岁

Answer 6

它用作变量插值 ${variable_name}