一、装箱操作
定义:把基本数据类型转换为对应的引用类型的操作称为装箱。
每一种基本类型Number、String、Boolean在对象中都有相应的类(产生的临时对象),然后调用·toString()方法。
例如 1 .toString() => '1';
调用过程把1进行装箱操作转换成Number的临时对象调用toString()的方法;
在这里1后边是一个空格,这是因为1.toString()会报错(报错的原因是不符合js规范,不懂得可以查一下),也可以写成(1).toString();
二、拆箱操作
定义:把引用类型转换为基本的数据类型称为拆箱。
将对象转换成原始类型的值进行拆型操作,调用toPrimitive()方法;toPrimitive(input,preferedType),该方法有两个参数,input和preferedType;
input 输入 对象
preferedType 输出 字符串 || 数字
- 如果输入的是原始值会直接返回;
- 输入的是对象会调用input.valueOf()方法,如果是原始值则直接返回;
- 如果不是原始值,调用input.toString()方法,如果是原始值直接返回;
- 如果不是,直接报错;
- * 如果输入是string的话,第二步和第三步会交换,toString()在前,toString()在后。
例如:
1、[] [] => ' '
这个会输出空字符串,是因为 []会先进行[].valueOf() ,还是输出[];再进行[].toString()方法,返回"";所以[] + [] 输出 "";
2、[]+{} => “[object Object]”
[]这个拆箱后是"";{}先进行({}).valueOf() ,还是输出{};再进行({}).toString()方法,返回"[object Object]";所以 [] + {} 相当于"" + "[object Object]",于是[] + {} => “[object Object]”;
注意{}在进行拆箱操作的时候这里加上了();{}有两个含义:一个是代码块,一个是对象的字面量;{}.toString()在执行的时候会报错,以为代码块是没有toString()方法的。
3、{}+[] => 0
在上一条我们已经知道{}可以认为是一个代码块,所以{}+[] 就相当于 +[],所以返回的是0。
三、在这里提一下 == 和 ===
1、==
进行隐式转换 并且拆箱操作
2、===
不进行隐式转换但是会拆箱操作
注意:一个对象和一个原始值比较会进行拆箱操作,两个对象进行比较就不进行拆箱操作了。
比如
{}+[] === 0 => true
{}==={} => false;这里两个空对象不全等,涉及到内存地址的问题,这两个对应不同的内存地址,所以返回fasle。