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 字符串拼接

加法是唯一一个对操作数类型敏感的算术运算符：只要有一个操作数是字符串，另一个也会被转为字符串并拼接；否则按数值相加。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 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）

如何安全处理非数值加法

避免意外拼接，关键在于明确意图：想做数值计算就先确保类型；想拼接就统一转字符串。

立即学习“Java免费学习笔记（深入）”；

• 强制转数字：用 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 规则，提醒避免隐式转换