javascript数据类型转换分隐式和显式，显式通过number()、string()、boolean()等函数主动转换，隐式由运算触发，如+操作符根据操作数类型决定转为字符串或数字，==比较时自动转类型，对象参与运算时依上下文调用symbol.toprimitive、valueof或tostring方法转原始值，推荐多用显式转换以提升代码可预测性。
JavaScript 中的算术运算符（如 +、-、*、/、%、**）在操作数值时行为明确，但遇到非数值类型时，尤其是加法 +，会触发隐式类型转换，导致看似“奇怪”实则有规则的结果。
算术运算符的基本使用
除加法 + 外，其余算术运算符（-、*、/、%、**）在遇到非数值操作数时，会先尝试将其转为数字（通过 Number() 转换规则），再进行计算。转换失败则得 NaN。
-
5 - "2"→3（"2"转为2） -
"10" * "3"→30（两个字符串都转为数字） -
"hello" - 5→NaN（"hello"无法转为有效数字） -
true + 2→3（true转为1，false转为0）
加法 + 的双重行为：数值相加 or 字符串拼接
加法是唯一一个对操作数类型敏感的算术运算符：只要有一个操作数是字符串，另一个也会被转为字符串并拼接；否则按数值相加。
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
-
1 + 2→3（都是数字，数值相加） -
"1" + 2→"12"（字符串优先，2转为"2"后拼接） -
1 + "2" + 3→"123"（从左到右执行：1+"2"得"12"，再+"3"拼成"123"） -
null + 1→1（null转为0） -
undefined + 1→NaN（undefined转为NaN，任何数与NaN运算都得NaN）
如何安全处理非数值加法
避免意外拼接，关键在于明确意图：想做数值计算就先确保类型；想拼接就统一转字符串。
- 强制转数字：用
Number(x)、parseInt(x)或一元加号+x（推荐+x简洁，但注意它不处理单位如"10px"） - 显式拼接：用模板字面量
`${a}${b}`，语义清晰且不依赖类型推断 - 校验后再运算：对用户输入等不确定值，先用
typeof x === 'number' && !isNaN(x)判断是否为有效数字 - 避免依赖隐式转换：例如写
price + tax前，确保两者都是数字类型，可写成(+price) + (+tax)或Number(price) + Number(tax)
常见陷阱与建议
很多 bug 来自对加法行为的误判，比如表单取值后直接相加，结果得到字符串拼接。
-
document.getElementById('age').value总是字符串，即使用户输的是数字 -
[] + {}→"[object Object]"（空数组转空字符串，对象转"[object Object]"） -
{} + []在某些上下文中会被解释为代码块，结果是0（因+单独作用于空数组得0），这种写法应避免，加括号明确意图：({}) + []→"[object Object]" - 团队协作中，建议在 ESLint 中启用
no-implicit-coercion规则，提醒避免隐式转换
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
