类型转换
文中的值类型等价于所说的基础类型，其范围是（boolean,string,number）
转换为基础类型
布尔值
-
undefined，null，false，NaN，‘‘，0--> false - 其它值都,包括所有对象 --> true
数字
- 数组
-
[]--> 0: 空数组转为0 -
[1]--> 1: 含有一个元素且为数字则转换为数字 -
[1,2]--> NaN: 其余情况转为NaN -
[‘abc‘,1]--> NaN: 其余情况转为NaN
-
- 值类型
-
null--> 0 -
‘123‘--> 123: 纯数字构成的字符串直接转换为对应的数字 -
true--> 1 -
false--> 0 -
‘124a‘--> NaN -
undefined--> NaN -
Symbol--> 抛出错误
-
- 除了数组之外的引用类型(
Object) --> NaN
字符串
-
666--> ‘666‘: 数字可直接转为字符串 - 布尔值：布尔值直接转换
-
true--> ‘true‘ -
false--> ‘false‘
-
- 数组
-
[]--> ‘‘ ：空数组转为空串 -
[2,‘3‘]--> ‘2,3‘ ：非空数组的每一项转为字符串再用,分割
-
- 对象:
- {} --> [object Object]
- {a:1} --> [object Object]
对象转基础类型规则
对象在转换类型的时候，会调用内置的 [[ToPrimitive]] 函数，对于该函数来说，算法逻辑一般来说如下：
- 如果已经是基础类型了，那就不需要转换了
- 目标类型为字符串就先调用 toString
- 转换为基础类型的话就返回转换的值
- 目标类型不为字符串就先调用 valueOf
- 结果为基础类型，就返回转换的值
- 结果不是基础类型的话再调用 toString
- 如果都没有返回基础类型，就会报错
各种情况举例
const demo1 = {
[Symbol.toPrimitive]: function () {
return 2
}
}
// 情况1
console.log(demo1 + 1); // 3
const demo2 = {
toString() {
return ‘demo2‘
},
valueOf() {
return 20
}
}
// 情况2
console.log(String(demo2)) // demo2
// 情况3-1
console.log(demo2 - 3); // 17
const demo3 = {
toString() {
return 30
},
valueOf() {
return {}
}
}
// 情况3-2
console.log(demo3 - 4); // 26
const demo4 = {
toString() {
return {}
},
valueOf() {
return {}
}
}
// 情况4
console.log(demo4 + 1); // 报错
四则运算符
加法
- 有一方为
String，那么另一方也会被转为String - 一方为
Number,另一方为原始值类型，则将原始值类型转换为Number - 一方为
Number,另一方为引用类型，双方都转为String
其它
除了加法的运算符来说（-，*，/），会将非Number类型转换为Number类型
转换示例
‘123‘+4 // ‘1234‘
123+true // 124
123+undefined // NaN
123+null // 123
123+[] // ‘123‘
123+{} // ‘123[object Object]‘
比较运算符
==
-
NaN不等于任何其它类型 -
Boolean与其它类型进行比较,Boolean转换为Number -
String与Number进行比较,String转化为Number -
null与undefinde进行比较结果为true -
null,undefined与其它任何类型进行比较结果都为false -
引用类型与值类型进行比较,引用类型先转换为值类型(调用[ToPrimitive]) -
引用类型与引用类型，直接判断是否指向同一对象
举例
[]==![] // true
// [] == false 1. 根据运算符优先级 ![] --> false
// [] == 0 2. 上面规则2
// ‘‘ == 0 3. 上面规则6
// 0 == 0 4. 上面规则3
// 所以结果为true