在 JavaScript 中,使用模板字面量进行字符串拼接可以使用反引号()来定义包含占位符的字符串模板。占位符使用
${}`语法,可以在其中引用变量或表达式,将其值插入到字符串中。例如:
const name = 'Alice';
const age = 18;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // 输出: My name is Alice and I am 18 years old.
上述代码中,我们使用模板字面量定义了一个包含占位符的字符串模板,并在其中插入了变量 name
和 age
的值。
使用模板字面量进行字符串拼接的好处是可以更加方便地处理多行字符串和特殊字符,例如:
const multiLineMessage = `
Hello,
World!
`;
console.log(multiLineMessage); // 输出:
// Hello,
// World!
const specialCharMessage = `This is a backtick: \` and this is a dollar sign: $`;
console.log(specialCharMessage); // 输出: This is a backtick: ` and this is a dollar sign: $
可以看到,在模板字面量中,我们可以直接使用多行字符串和特殊字符,而无需使用转义符号。
除了上述基本用法外,模板字面量还支持标签模板,即在模板字面量前面添加一个函数标签,用于自定义字符串模板的处理方式。这部分内容超出了本题的范围,感兴趣的读者可以自行了解。