一、数据类型
-
原始类型
Boolean、Null、Undefined、Number、String、Symbol
-
对象
Object
二、显示类型转换
- Number函数, Number(param)
1-1. param 是 原始类型 时
数值:转换后还是原来的值
字符串:如果可以被解析为数值,则转换为相应的数值,否则得到NaN。空字符串转为0
布尔值:true转成1, false 转成 0
undefined: 转成NAN
null: 转成 0
1-2 param 是 Object时
① 先调用对象自身的ValueOf方法,如果返回值是原始类型,则直接对该值进行Number方法
②先调用对象自身的ValueOf方法,如果返回值是复合类型,再调用对象的toString方法, 如果toString方法的返回值是原始类型的值,则对该值使用Number方法
③ 先调用对象自身的ValueOf方法,如果返回值是复合类型,再调用对象的toString方法, 如果toString方法的返回值是复合类型的值,则报错
javascript
if (Obj.ValueOf() === 原始类型) {
let date = new Date()
date.valueOf() // 1691147634782
Number(date) === Number(date.valueOf()) === 1691147634782
retun Number(Obj.ValueOf())
} else if (Obj.ValueOf() === 复合类型 && Obj.ValueOf().toString() === 原始类型) {
Number(['1']) === Number(['1'].valueOf().toString()) === 1
let obj = {name: '张三'}
Number(obj) === Number(obj.valueOf().toString()) === NaN
return Number(Obj.ValueOf().toString())
} else if(Obj.ValueOf() === 复合类型 && Obj.ValueOf().toString() === 复合类型 ) {
return 报错
}
- String函数,String(param)
2-1. param 是 原始类型 时
数值:转换为相应的字符串
字符串:返回原来的值
布尔值:true转成"true", false 转成 "false"
undefined: 转成 "undefined"
null: 转成 "null"
2-2 param 是 Object时
① 先调用toString方法,如果toString方法返回的是原始类型的值,则对该值使用String方法
②先调用toString方法,如果返回值是复合类型,再调用对象的ValueOf方法, 如果ValueOf方法的返回值是原始类型的值,则对该值使用String方法
③ 先调用对象自身的toString方法,如果返回值是复合类型,再调用对象的ValueOf方法, 如果ValueOf方法的返回值是复合类型的值,则报错
javascript
在这里插入代码片
- Boolean函数 Boolean(param)
当param = undefined、null、-0、+0、NaN、'' 时, 都返回false, 其他值一律返回true
三、隐式类型转换
- 四则运算 (加减乘除)
- 判断语句 (if、else、三元运算符)
- Native调用 (console.log, alert 自动转换为字符串类型,隐式转换背后调用String函数)
- 常见题目
[] + []
javascript
首先把第一个[] 转换为原始类型
= [].ValueOf().toString() + []
= '' + []
因为 '' 为字符串类型, [] 需要转换为字符串类型
= '' + [].ValueOf().toString()
= '' + ''
= ''
[] + {}
javascript
首先把第一个[] 转换为原始类型
= [].ValueOf().toString() + {}
因为 '' 为字符串类型, {} 需要转换为字符串类型
= '' + {}.ValueOf().toString()
= '' + '[object Object]'
= '[object Object]'
{} + []
{} + {}
true + true
1 + {a:1}