JS装箱操作和拆箱操作的理解

 

一、装箱操作

　　定义：把基本数据类型转换为对应的引用类型的操作称为装箱。

　　每一种基本类型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。

　　　　 

 

转载于:https://www.cnblogs.com/xiyangnanxia/p/10984919.html