如何在JavaScript中进行字符串插值?

自ES6起的JavaScript具有模板字符串支持,该模板为字符串插值提供了本机支持。这些称为模板文字。模板文字是允许嵌入表达式的字符串文字。模板字符串使用反引号(``)而不是单引号或双引号。模板字符串因此可以写成-

var greeting = `Hello World!`;

模板字符串可以使用${}语法将占位符用于字符串替换。

例子1

var name = "Brendan";
console.log('Hello, ${name}!');

输出结果

这将给出以下输出-

Hello, Brendan!

例子2

模板文字和表达式

var a = 10;
var b = 10;
console.log(`The sum of ${a} and ${b} is ${a+b} `);

输出结果

这将给出以下输出-

The sum of 10 and 10 is 20

例子3

模板文字和函数表达式

function fn() { return "Hello World"; }
console.log(`Message: ${fn()} !!`);

输出结果

这将给出以下输出-

Message: Hello World !!

模板字符串可以包含多行。

示例

var multiLine = `
   This is
   a string
   with multiple
   lines`;
console.log(multiLine)

输出结果

这将给出以下输出-

This is
a string
with multiple
line