javascript 中 + 运算符通过类型转换将操作数拼接为字符串，若两边均为数字则执行加法，否则将非字符串操作数转为字符串后连接。具体做法是确保至少一个操作数为字符串，或者利用空字符串 "" 强制触发字符串拼接逻辑，从而得到预期的组合结果。
+ 在纯数字与混合类型下的行为差异是什么
当两个操作数都是数字时，+ 执行数学加法；只要有一个操作数是字符串、对象或布尔值，就会尝试将其转换为字符串并拼接。例如 1 + "a" 结果为 "1a"，而 1 + 2 结果为 3。这种隐式转换规则在处理表单输入或动态内容时非常关键，因为 DOM 属性通常返回字符串。
console.log(10 + 20); // 30
console.log("10" + "20"); // "1020"
console.log(10 + "20"); // "1020"
console.log(true + false); // 1
console.log(null + undefined); // "nullundefined"
使用 + 拼接复杂对象时会发生什么
如果参与运算的对象不是原始类型（如数组、普通对象），JavaScript 会调用其 toString() 方法获取字符串表示。数组默认转为逗号分隔的字符串，而普通对象默认转为 [object Object]。这往往导致意外的拼接结果，因此在使用 + 前需明确对象的实际字符串化表现。
console.log([1, 2] + [3, 4]); // "1,23,4"
console.log({} + []); // "[object Object]"
console.log([] + {}); // "[object Object]"
console.log(new Date() + " test"); // "Mon Jan 01 2024... test"
如何避免 + 导致的意外类型转换
为了避免 + 运算符带来的隐式类型转换陷阱，开发者应优先使用模板字符串或 String() 显式转换。模板字符串 ${value} 能自动处理大多数类型的转换，且代码可读性更高。对于必须使用 + 的场景，建议先检查变量类型或使用 typeof 进行防御性编程，确保参与运算的是预期类型。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
