JS类型转换机制

在JavaScript中，存在着一种自动类型转换的机制，这意味着当需要将一个类型的值转换为另一个类型时，JavaScript会根据上下文自动执行相应的转换。以下是主要的类型转换规则：

1. 字符串转换：当需要将一个非字符串类型的值转换为字符串时，JavaScript会自动调用该值的toString()方法来执行转换。如果该值没有toString()方法，则会返回其原始表示。

   示例：

   let num = 10;
   let str = num.toString();  // 将数值10转换为字符串"10"
   console.log(str);  // 输出: "10"
   

2. 数字转换：当需要将一个非数字类型的值转换为数字时，JavaScript会自动尝试将其转换为数值。

   • 如果该值是一个字符串，且包含一个合法的数字，则转换为对应的数字。
   • 如果该值是一个空字符串，则转换为0。
   • 如果该值是一个布尔值，true转换为1，false转换为0。
   • 如果该值是一个对象，会先调用该对象的valueOf()方法，然后按照上述规则继续转换。
   • 如果无法进行有效的转换，结果为NaN（Not a Number）。

   示例：

   let str = "10";
   let num = Number(str);  // 将字符串"10"转换为数值10
   console.log(num);  // 输出: 10
   
   let bool = true;
   let boolNum = Number(bool);  // 将布尔值true转换为数值1
   console.log(boolNum);  // 输出: 1
   
   let obj = {
     valueOf: function() {
       return 5;
     }
   };
   let objNum = Number(obj);  // 先调用obj的valueOf()方法，返回5，再将其转换为数值5
   console.log(objNum);  // 输出: 5
   

3. 布尔转换：当需要将一个值转换为布尔类型时，JavaScript会根据其“真值”（truthy）或“假值”（falsy）来执行转换。以下值被视为“假值”：false、0、空字符串、NaN、null、undefined。

   示例：

   let str = "Hello";
   let bool = Boolean(str);  // 将非空字符串转换为布尔值true
   console.log(bool);  // 输出: true
   
   let num = 0;
   let boolNum = Boolean(num);  // 将数字0转换为布尔值false
   console.log(boolNum);  // 输出: false
   

以上是JavaScript中常见的类型转换规则，了解这些规则可以帮助你在编写代码时预测和处理自动类型转换的结果。