模板字面量是JavaScript ES6中引入的一种新的字符串语法。它使用反引号(`)包含字符串,并使用${}来嵌入变量或表达式。
与普通字符串不同,模板字面量可以跨越多行,而不需要使用转义字符或字符串连接符。
以下是一个示例,演示了如何在模板字面量中嵌入变量:
const name = "John";
const age = 30;
const greeting = `My name is ${name} and I'm ${age} years old.`;
console.log(greeting); // 输出:My name is John and I'm 30 years old.
模板字面量还可以嵌入表达式。在${}中,您可以放置任何JavaScript表达式,包括函数调用、三元运算符等等。
以下是一个示例,演示了如何在模板字面量中嵌入表达式:
const num1 = 5;
const num2 = 10;
const result = `The sum of ${num1} and ${num2} is ${num1 + num2}.`;
console.log(result); // 输出:The sum of 5 and 10 is 15.
模板字面量提供了一种更简单、更清晰的方法来创建字符串,尤其是当您需要在其中嵌入变量或表达式时。