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。

     

 

posted @ 2019-06-06 15:43  夕阳南下  阅读(647)  评论(0编辑  收藏  举报