自ES6起的JavaScript具有模板字符串支持,该模板为字符串插值提供了本机支持。这些称为模板文字。模板文字是允许嵌入表达式的字符串文字。模板字符串使用反引号(``)而不是单引号或双引号。模板字符串因此可以写成-
var greeting = `Hello World!`;
模板字符串可以使用${}语法将占位符用于字符串替换。
var name = "Brendan"; console.log('Hello, ${name}!');
输出结果
这将给出以下输出-
Hello, Brendan!
模板文字和表达式
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
模板文字和函数表达式
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