博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS装箱操作和拆箱操作的理解
阅读量:4317 次
发布时间:2019-06-06

本文共 1319 字,大约阅读时间需要 4 分钟。

 

一、装箱操作

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

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

你可能感兴趣的文章
c#多个程序集使用app.config 的解决办法
查看>>
Linux+Apache+PHP+MySQL服务器环境配置(CentOS篇)
查看>>
Linux下获取本机IP地址的代码
查看>>
(C#)调用Webservice,提示远程服务器返回错误(500)内部服务器错误
查看>>
flex布局
查看>>
python-----python的文件操作
查看>>
java Graphics2d消除锯齿,使字体平滑显示
查看>>
控件中添加的成员变量value和control的区别
查看>>
Spring Boot Docker 实战
查看>>
Div Vertical Menu ver3
查看>>
Git简明操作
查看>>
InnoDB为什么要使用auto_Increment
查看>>
HDU 1087 Super Jumping! Jumping! Jumping!
查看>>
0007_初始模块和字节码
查看>>
[效率提升]如何管理好你的电脑文件
查看>>
C++实验二
查看>>
使用case语句给字体改变颜色
查看>>
JAVA基础-多线程
查看>>
面试题5:字符串替换空格
查看>>
JSP九大内置对象及四个作用域
查看>>