DDR爱好者之家

谈谈JavaScript令人迷惑的==与+
站长资源 2024/11/24 佚名
17 1538
DDR爱好者之家 Design By 杰米

前言

相信很多学习过JavaScript的小伙伴都对JavaScript的==与+有一些疑惑，经常会出现结果与自己想象不一样的情况，而且也没找到一个通用的方法，只能死记硬背，非常难受。（咦，这不就是说的我嘛，嘻嘻嘻）今天就一起来揭开它们的神秘面纱，彻底解决掉他们。

正式开始之前，先来小试牛刀一下：

null == undefined;
 [] == [];
 '23'= 23;
 45 == [45];
 false == undefined;
 "" == [null];
 {} + {};
 false + 1

ToPrimitive函数

ToPrimitive是一个内部函数，用于处理类型转换，从字面意思就知道这个函数的就是将变量转化为基本类型的一个函数。

ToPrimitive(input, PreferredType)

第一个参数是 input，表示要转化的值；

第二个参数是PreferredType，表示希望转换成的类型，可为Number/String。

<p style="color:red">当input是日期类型时，PreferredType为String，其余情况下都相当于传入Number。</p>

当PreferredType传入参数时处理步骤会有差异，处理步骤分别如下：

1.PreferredType传入Number

(1). 如果input为基本类型，直接返回;

(2). 否则，调用valueOf方法，如果得到一个基本类值直接返回；

(3). 否则，调用toString方法，如果得到一个基本类值直接返回；

(4). 否则，JavaScript 抛出一个类型异常错误。

2.PreferredType传入String

(1). 如果input为基本类型，直接返回;

(2). 否则，调用toString方法，如果得到一个基本类值直接返回；

(3). 否则，调用valueOf方法，如果得到一个基本类值直接返回；

(4). 否则，JavaScript 抛出一个类型异常错误。

==

上述介绍了ToPrimitive函数，那么对于==的结果就能有一个清晰的认知。

我先给出一个判断逻辑，然后再以例子进行具体分析：

1.两边类型一致时，基本变量就直接进行值比较，相同则为true，不同则为false，引用变量如果两边都指向同一个内存地址那么返回true，否则返回false。

<p style="color:red">特别情况：</p>

null == undefined //true 可以理解为两值都为无效的值，所以内部认为并无不同，所以相等
 NaN == NaN //false
 //如果两个symbol变量不指向同一内存空间那么永为false，否则为true

2.两边类型不一致：

(1). 先调用ToPrimitive()返回基本类型；

(2). 若类型不一致，则调用ToNumber()；( 这里的ToNumber也是一个内部函数，可将值转化为数字型 )

举两个例子吧：

false == undefined //true
 //false调用ToPrimitive返回false
 //undefined调用ToPrimitive返回undefined
 //false调用ToNumber返回0
 //undefined调用ToNumber返回0
45 == [45] //true
 //45调用ToPrimitive返回45
 //[45]调用ToPrimitive返回"45"
 //45调用ToNumber返回45
 //"45"调用ToNumber返回45

+

一元操作运算符+

+作为一元操作运算符逻辑比较简单：先调用ToPrimitive，后调用ToNumber

+['1'] //1
 //['1']调用ToPrimitive返回"1"
 //"1"调用ToNumber返回1
+{} //NaN
 //{}调用ToPrimitive返回"[object Object]"
 //"[object Object]"调用ToNumber返回NaN

二元操作运算符+

+作为二元操作运算符逻辑如下：

  1. 两个值分别调用ToPrimitive；
  2. 如果两个的返回值中有一个为字符串类型，则返回两个值toString的拼接结果；
  3. 否则返回toNumber相加的结果
null + 1 //1
 //null调用ToPrimitive返回null
 //1调用ToPrimitive返回1
 //null调用ToNumber返回0
 //1调用ToNumber返回1
 //0 + 1 = 1
[1, 2] + [3, 4] //"1,23,4"
 //[1, 2]调用ToPrimitive返回"1,2"
 //[3, 4]调用ToPrimitive返回"3,4"
 //"1,2"调用toString返回"1,2"
 //"3,4"调用toString返回"3,4"
 //"1,2" + "3,4" = "1,23,4"

以上就是谈谈JavaScript令人迷惑的==与+的详细内容，更多关于JavaScript ==和+的资料请关注其它相关文章！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米