JavaScript中拼接动态文本最常用的是模板字符串，用反引号包裹、${}嵌入变量或表达式；其次为加号拼接，需注意类型转换；还可使用join()组合数组片段。
JavaScript 中拼接动态文本最常用、最直观的方式是使用模板字符串（Template Literals），它支持嵌入变量和表达式，语法清晰且不易出错。
用反引号（`）包裹，用 ${} 插入变量或表达式
这是现代 JavaScript 推荐的做法，可跨多行、自动处理类型转换、避免引号嵌套混乱：
- 基础用法：
const name = "小明"; const msg = `你好，${name}！`; - 支持表达式：
const a = 5, b = 3; const result = `和是：${a + b}`;→ “和是：8” - 支持多行与逻辑：
const isActive = true; const status = `状态：${isActive ? '在线' : '离线'}`;
旧写法：加号（+）拼接，需注意类型和空格
适用于兼容老环境（如 IE），但容易因类型隐式转换或遗漏空格出错：
- 基本拼接：
const name = "小明"; const msg = "你好，" + name + "！"; - 数字要小心：
const age = 25; "年龄：" + age + "岁"✅；但"年龄：" + age + 1会得 "年龄：251"（不是26） - 建议显式转字符串：
"年龄：" + String(age) + "岁"或"年龄：" + age.toString() + "岁"
其他辅助方式：join() 配合数组，适合多个片段组合
当动态部分较多、逻辑较复杂时，先收集再拼接更清晰：
立即学习“Java免费学习笔记（深入）”；
const parts = ["订单号：", order.id, "，金额：", order.amount, "元"]; const text = parts.join("");- 可配合条件添加：
if (order.isUrgent) parts.push("（加急）"); - 比连续用 + 更易维护，尤其在循环或分支中构建长文本时
注意事项：避免常见陷阱
- 别混用单/双引号和反引号做拼接，比如
"hello" + `world`虽能运行，但风格不统一，可读性差 - 模板字符串中的表达式不能直接解构或声明变量，如
${const x = 1}会报错，只支持表达式，不支持语句 - 若内容来自用户输入，拼接到 HTML 前务必做转义，防止 XSS（模板字符串本身不防注入）
