JavaScript 字符串模板

字符串模板（Template Literals）用反引号包裹字符串，可以把变量直接"嵌入"文本中，还能保留换行。相比用 + 拼接，代码更直观、不易出错，是 ES6 引入的现代写法。

为什么要用模板字符串

先看老式拼接，变量一多又长又容易漏掉加号：

let name = "张三";
let age = 18;
console.log("我叫" + name + "，今年" + age + "岁"); // 输出：我叫张三，今年18岁

改用模板字符串后，文本结构一目了然：

console.log(`我叫${name}，今年${age}岁`); // 输出：我叫张三，今年18岁

基本语法：反引号与 ${}

模板字符串使用键盘左上角 ~ 键所在的反引号 包裹，变量放在${...}` 中：

let city = "北京";
let msg = `我住在${city}`;
console.log(msg); // 输出：我住在北京

嵌入表达式与函数调用

${} 里不只是放变量，任何表达式甚至函数调用都可以：

let a = 5;
let b = 3;
console.log(`${a} + ${b} = ${a + b}`); // 输出：5 + 3 = 8

function greet(name) {
  return "你好，" + name;
}
console.log(`${greet("小明")}！`); // 输出：你好，小明！

多行字符串

普通字符串换行要写 \n，模板字符串里直接回车即可保留换行：

let poem = `床前明月光
疑是地上霜`;
console.log(poem);
// 输出：床前明月光
//       疑是地上霜

拼接数组等复杂场景

配合数组与循环，可以快速拼出列表文本：

let fruits = ["苹果", "香蕉"];
let list = fruits.map(f => `- ${f}`).join("\n");
console.log(list);
// 输出：- 苹果
//       - 香蕉

小结

模板字符串用反引号创建，支持 ${} 插值、多行文本与任意表达式，是现代 JavaScript 首选的字符串写法，应尽量替代容易出错的 + 拼接。