JS类型转换规则

function sum(a, b) {
return a + b;
}

sum(1, "2");输出结果是什么

在 JavaScript 中，当你调用 sum(1, "2") 时，1 是一个数字，而 "2" 是一个字符串。由于 JavaScript 中的类型强制转换规则，运算符 + 在处理一个数字和一个字符串时，会将数字转换为字符串，然后进行字符串拼接。

因此，代码的执行过程如下：

sum(1, "2");  // 等价于 return 1 + "2";

在这个过程中，1 会被强制转换为字符串 "1"，然后和 "2" 拼接。结果是：

"12"  // 输出为字符串 "12"

总结

sum(1, "2") 的输出结果是字符串 "12"。

如果你想避免这种隐式转换，可以在代码中主动检查数据类型，或者确保传入的参数类型一致。例如，可以使用 Number() 将字符串 "2" 转换为数字。

强制转换规则的规则是什么？

在 JavaScript 中，强制转换（Type Coercion）是一种隐式的类型转换，发生在 JavaScript 代码需要处理不同数据类型的值时。以下是 JavaScript 中的主要强制转换规则，以及它们在实际开发中的表现：

---

1. 加法运算 (+)

• 当两个操作数中有一个是字符串时，+ 运算符会尝试将另一个操作数转换为字符串，并执行字符串拼接。

• 例子：

  1 + "2"       // "12"（数字 1 被转换为字符串 "1"）
  true + "abc"  // "trueabc"（布尔值 true 被转换为字符串 "true"）
  null + "test" // "nulltest"（null 被转换为字符串 "null"）

• 如果两个操作数均是数字，则执行数字的数学运算：

  1 + 2 // 3

2. 其他算术运算符 (-, *, /, %, **)

• 对于除了 + 以外的算术运算符，JavaScript 会将操作数强制转换为数字后再进行计算。

• 例子：

  "6" - "2"      // 4   （字符串强制转换成数字）
  5 * "3"        // 15  （字符串 "3" 被转换为数字）
  "10" / 2       // 5
  "text" - 1     // NaN  （"text" 无法转换为数字）
  null * 5       // 0    （null 转换为数字 0）
  undefined + 1  // NaN  （undefined 转换为 NaN）

---

3. 比较运算符 (==) - 宽松相等

• 当使用宽松相等 (==) 时，如果操作数的类型不同，JavaScript 会尝试强制转换其中一个操作数以匹配另外一个，再进行比较。

• 具体规则：

  • null 和 undefined 仅彼此相等，且不与其他值相等。
  • 如果一个是数字，另一个是字符串，字符串会转换为数字。
  • 如果一方是布尔值，布尔值会转换为数字（true → 1; false → 0）。
  • 如果一方是对象（如数组或对象字面量），对象会尝试转换为原始值再比较。

• 例子：

  "10" == 10      // true  （字符串 "10" 被强制转换为数字 10）
  true == 1       // true  （true 被强制转换为数字 1）
  0 == false      // true  （false 被强制转换为数字 0）
  null == undefined // true  （特殊规则：null 和 undefined 彼此相等）
  [1, 2] == "1,2" // true  （数组 [1,2] 被转换为字符串 "1,2"）

• 更推荐使用严格相等 (===)，因为它不会进行类型强制转换：

  "10" === 10  // false
  true === 1   // false

---

4. 布尔值转换

在某些场景下（如 if 语句、逻辑运算符等），非布尔值会被隐式转换为布尔值。这遵循以下规则：

• 假值（Falsy） ：以下值会被转换为 false：

  • false
  • 0（数字 0 或 -0）
  • ""（空字符串）
  • null
  • undefined
  • NaN（非数字）

• 真值（Truthy） ：除了以上假值以外的值，都会被转换为 true。

• 例子：

  if (0) console.log("false");  // 不会执行，因为 0 是假值
  if ("hello") console.log("true");  // 执行，因为字符串 "hello" 是真值

---

5. 对象到原始值的强制转换

• 当对象需要被转换为原始值（如在加法运算或比较运算中），JavaScript 会调用对象的 toString 或 valueOf 方法：

  • 若存在 valueOf，优先调用 valueOf。
  • 否则，调用 toString。

• 例子：

  const obj = { valueOf: () => 42 };
  obj + 1  // 43  （调用 valueOf 返回 42，然后执行 42 + 1）
  
  const arr = [1, 2];
  arr + "" // "1,2"  （调用 toString 返回 "1,2"）

---

6. 逻辑运算符 (&&, ||, !)

• && 和 || 的转换：

  • 返回的值依赖于操作数的真值性（Truthy/Falsy），并不会强制转换为布尔值。
  • || 返回第一个真值，&& 返回第一个假值。

• 例子：

  "hello" || "world" // "hello"（因为 "hello" 是真值）
  0 || "fallback"    // "fallback"（因为 0 是假值）
  "hello" && "world" // "world"（因为 "hello" 是真值，继续返回后者）

• ! 的转换：

  • ! 会先将操作数转换为布尔值，然后取反。

  • 例子：

    !0       // true（因为 0 是假值，取反后得到 true）
    !"hello" // false（因为 "hello" 是真值，取反后得到 false）

---

7. 数组和字符串的特殊场景

• 如果数组出现在加法运算中，JavaScript 会将数组强制转换为字符串。

  [1, 2, 3] + "!" // "1,2,3!" （数组被转换为字符串 "1,2,3"）

---

总结关键优先级

• 字符串拼接 (+) 优先于数字运算。
• 宽松相等 (==) 会自动进行隐式转换，推荐使用严格相等 (===) 以避免不必要的转换。
• 如果可能，尽量显式转换数据类型，避免隐式强制转换导致不易发现的逻辑问题。

显式转换的方法包括：

Number("123");  // 字符串转换为数字
String(123);    // 数字转换为字符串
Boolean(0);     // 转成布尔值

通过以上规则的了解，可以更好地预测 JavaScript 中的强制转换行为，并写出更健壮的代码。