JavaScript字符串操作应平衡简洁与可读性：优先用模板字符串替代+拼接，链式调用超3步需拆解并语义命名，复杂正则应提取为常量或函数，避免嵌套三元等“聪明写法”，改用可选链与空值合并运算符。
字符串操作在JavaScript中高频出现，追求简洁容易陷入“一行写完”的陷阱，牺牲可读性；过度拆分又让逻辑支离破碎。真正的平衡点在于：用最直接的语法表达意图，同时让每个环节的职责清晰可见。
优先使用字面量与模板字符串
避免拼接时反复调用 + 或 concat()，尤其涉及变量和换行。模板字符串（`）天然支持多行、插值和逻辑嵌入，语义更贴近自然语言。
- ✅ 推荐：`Hello ${name}, you have ${count} new message${count !== 1 ? 's' : ''}.`
- ❌ 避免："Hello " + name + ", you have " + count + " new message" + (count !== 1 ? "s" : "") + "."
链式调用需控制深度，关键步骤单独命名
像 trim().toLowerCase().replace(/[^a-z0-9]/g, '') 这类链式操作适合简单清洗，但一旦超过3个方法或含正则/回调，就该拆解。把中间结果赋予语义化变量名，既便于调试，也明确每步目的。
- ✅ 推荐：const rawInput = " Email@EXAMPLE.COM! ";
const normalizedEmail = rawInput.trim().toLowerCase();
const cleanEmail = normalizedEmail.replace(/[^a-z0-9@._-]/g, ''); - ❌ 避免：const email = " Email@EXAMPLE.COM! ".trim().toLowerCase().replace(/[^a-z0-9@._-]/g, '').split('@')[0]; // 后续拆分意图模糊
正则复杂时，提取为具名常量或函数
内联正则如 /^\d{3}-\d{2}-\d{4}$/ 可读，但带标志、分组、条件逻辑的正则会迅速变晦涩。把它定义为常量（如 SSN_REGEX）或封装成函数（如 isValidSSN(str)），调用处只看“做什么”，不纠结“怎么做”。
立即学习“Java免费学习笔记（深入）”；
- ✅ 推荐：const PHONE_REGEX = /^[\+]?[1-9][\d]{1,14}$/;
if (PHONE_REGEX.test(input)) { ... } - ✅ 更进一步：function isValidPhone(str) { return PHONE_REGEX.test(str.trim()); }
避免“聪明写法”，比如嵌套三元或短路运算处理字符串
str && str.trim() || "default" 看似简短，但对空格字符串、"0"、false 等falsy值行为不直观。用显式的 if 或空值合并（??）配合 trim() 更稳妥。
- ✅ 推荐：const displayName = userName?.trim() ?? "Anonymous";
- ❌ 避免：const displayName = userName && userName.trim() || "Anonymous"; // userName=" " 时仍得默认值
