在JavaScript的字符串中${}(美元符号和大括号)是什么意思?

我在这里和MDN上都没看到。我肯定我错过了什么。这里肯定有相关的文件。

从函数上看，它似乎允许你在字符串中嵌套变量，而无需使用+操作符进行连接。我正在寻找关于这个功能的文档。

例子:

var string = 'this is a string';


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

295671 次浏览

小开

最佳答案

你说的是模板文字。

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

多行字符串:

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

字符串插值:

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

小开

正如上面的注释中提到的，你可以在模板字符串/字面量中包含表达式。例子:

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

小开

你也可以使用模板文字执行隐式类型转换。例子:< / p >

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


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

小开

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

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

小开

const firstName = '萨钦'; Const age = 16 警报(${firstName} is ${age} years old) < / p >

//Sachin今年16岁

小开

${variable_name}用作变量插值