装箱:基本数据类型 -> 引用数据类型
var num = 123;
var numObj = new Number(123);console.log(typeof num) // number
console.log(typeof numObj) // object
拆箱:引用数据类型 -> 基本数据类型
var numObj = new Number(123);console.log(numObj.valueOf()) // 123console.log(typeof numObj.valueOf()) // number
拆箱操作原理:
内部执行toPrimitive(input, type)
input 传入的值
type 值类型1. 如果是原始类型的值直接返回
2. 如果不是,调用 input.valueOf() 是原始类型就返回
3. 如果不是,继续调用 input.toString() 是原始类型就返回
4. 报错
valueOf() 有原始类型的值返回,没有返回对象本身
toString() 对象[object type] type:对象类型
例题1:
console.log([] + [])
<empty string>// 分析:
console.log([])
Array []console.log([].valueOf())
Array []console.log([].toString())
<empty string>
例题2:
console.log([] + {})
[object Object]// 分析:
console.log({}.valueOf())
{}console.log({}.toString())
[object Object]// 交换位置,{}可能被识别为代码块
console.log({} + [])
[object Object] 或 0console.log(+ [])
0console.log(+ '')
0console.log(+ {})
NaN