想要弄清楚他们的区别,先思考几个问题
- 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 方法。