js valueOf 和 toString

想要弄清楚他们的区别，先思考几个问题

• JS 中对象类型如何转换为基本类型
• 为什么不少代码规范中，禁止使用 ==
• JS 中基础类型之间是如何转换的
• JS 中 ==运算是如何操作的

对象如果需要转换为基本类型，需要调用对象自己的转换为基本类型的方法

• valueOf 和 toString只在隐式转换时调用
• 在 ES5 之前，会首先调用 valueOf 方法，如果没有这个方法，会调用 toString 方法；如果对象本身没有这俩方法的话，原型链上肯定有toString啊；这里其实可以顺便提一嘴 typeOf，instanceof，Object.prototype.toString 获取对象类型；
• ES5 之后，则会首先调用 Symbol.toPrimitive 方法，之后才是 valueOf，toString；
• 如果返回的不是原始类型数据的话，会报一个错误：​​Cannot convert object to primitive value

加法运算

• 一方为字符串，另一方也转化为字符串
• 一方不是字符串或数字，则将其转化为字符串或数字；对象类型转换为基本类型在上面已经提过；

let a = {
  valueOf() {
    return 100;
  },
  toString() {
    return 'aaa';
  },
};
let b = {
  toString() {
    return 'bbb';
  },
};
a + true; // 101
a + '1'; // 1001
b + 1; // bbb1

四则运算中的其他运算

强转为数字，转换失败为 NaN

let a = {
  valueOf() {
    return 100;
  },
  toString() {
    return 'aaa';
  },
};
let b = {
  toString() {
    return 'bbb';
  },
};
console.log(`${a}`); // aaa
a * true; // 100
a / '1'; // 100
a - 'a'; // NaN
b * 1; // NaN

基础类型之间的转换

• 转为 boolean 类型：除了 0， -0， NaN，’’，undefined，null 之外，都为 true
• 转为字符串：1 变成 ‘1’，true 变成 ‘true’。需要注意的是，Symbol 不能与其他类型的值进行运算，转换为字符串时，需要自行调用 toString 方法。