javascript字符串操作核心是场景化选型：模板字符串为多行拼接、嵌入逻辑和可读性默认选择；简单变量插入优先用模板字符串，纯静态拼接可用+；string.raw解决反斜杠转义问题，仅适用于模板字符串前；表达式须在${...}内求值，且实时执行需防重复计算与闭包陷阱。
JavaScript 字符串操作的核心不是“学多少方法”，而是知道什么场景该用什么方式；模板字符串不是语法糖，它是解决多行拼接、嵌入逻辑和可读性问题的默认选择。
字符串拼接用 + 还是模板字符串？
简单变量插入或单行文本，优先用模板字符串；纯静态拼接（比如 'hello' + 'world'）反而没必要上反引号。老式 + 拼接在嵌套对象属性、条件分支时极易出错且难维护。
- 错误写法：
'User: ' + user.name + ' (ID: ' + user.id + ')'—— 多个+和括号容易漏掉、顺序错位 - 推荐写法：
`User: ${user.name} (ID: ${user.id})`—— 逻辑清晰，IDE 支持语法高亮和自动补全 - 注意：模板字符串里的表达式必须写在
${...}内，${user?.name || 'anonymous'}合法，${user.name || 'anon'}也合法，但${user.name} || 'anon'是错的（外面的||不在插值范围内）
String.raw 解决反斜杠转义问题
正则、Windows 路径、SQL 片段等含大量 的字符串，用普通模板字符串会误触发转义（比如
变成换行）。这时必须用 String.raw。
`C:Users est ile.txt` // 实际得到 "C:Users estile.txt"
String.raw`C:Users est ile.txt` // 正确输出 "C:Users est ile.txt"
-
String.raw是一个标签函数，只能用于模板字符串前，不能用于普通字符串字面量 - 常见误用：
String.raw('C:\Users')—— 报错，因为String.raw不接受普通字符串参数 - 路径拼接、正则字面量、CSS-in-JS 场景下，不加
String.raw很可能运行时不报错但行为异常
模板字符串支持多行和嵌入逻辑，但别滥用
它天然支持换行和缩进，适合生成 HTML 片段或 CLI 提示；也可在 ${} 中写三元、函数调用甚至短循环（用 map），但复杂逻辑应抽离到变量或函数中。
立即学习“Java免费学习笔记（深入）”；
`<div class="card">
<h3>${title.toUpperCase()}</h3>
<p>${items.length ? items.join(', ') : 'No items'}</p>
</div>`
- 嵌套太多表达式会让模板难以调试，比如
${data.users.map(u => `<span>${u.name}</span>`).join('')}建议拆成变量 - 不要在模板里写副作用代码（如
${console.log('run')}），开发时可能被忽略，上线后难以排查 - 服务端渲染或模板预编译工具（如 Svelte、Astro）对模板字符串的支持程度不一，纯客户端逻辑才最稳妥
真正容易被忽略的是：模板字符串的“表达式求值时机”——它不是编译期替换，而是每次执行到该行时实时计算。如果插值里有耗时函数或依赖外部状态，要小心重复执行和闭包陷阱。
