JS中神奇的equality(==)

2018-11-18 admin

神奇之处在哪里

最近负责的项目有涉及到前端的,所以尝试性的写了写js。在处理一个字段非空值的时候,用了 tagert_value == ''来进行判断,然后发生了一件非常奇怪的事情,有用户反馈,自己的target_value = 0的时候,非空值校验不通过。在调试问题的时候,在console状态栏中做了如下尝试:


> 0 == ''
< true

我似乎知道问题出在哪里了。。。没有了解清楚 == 的判断逻辑,所以我打算找来官方的文档瞅瞅。

官方解释

Equality (==, !=)

  1. If the types of the two expressions are different, attempt to convert them to string, number, or Boolean.
  2. NaN is not equal to anything including itself.
  3. Negative zero equals positive zero.
  4. null equals both null and undefined.
  5. Values are considered equal if they are identical strings, numerically equivalent numbers, the same object, identical Boolean values, or (if different types) they can be coerced into one of these situations.
  6. Every other comparison is considered unequal.

查看了官方关于equality的解释,看到第一个就知道为什么结果会是true了。如果表达式两边的类型不一致,比较方法会先尝试将他们转换为string、number、Boolean,然后在进行比较(相等的条件:同样的string、数学上相等的数字、相同的object、相同的布尔值)。 看到这里,基本清楚了,在比较 0 == ’‘的时候先进行了类型装换,那我们来看一下到底是转换的谁啊?

> Number('')
< 0

> var b= ''
> b.toString()
<'0'

非常明显了,int == string 的时候是先将string装换为对应的int值,然后进行比较。

如何避免嘞?

下面强烈介绍 === (strict equality)。严格等于,看着是不是非常厉害呀。人家的官方叫法是Identity (===. !==)。Identity 有点类型悬疑破案的感觉了。 看一下官方的介绍:

Identity (===. !==) These operators behave identically to the equality operators except no type conversion is done, and the types must be the same to be considered equal.

在日常开发中,如果没法保证比较表达式两遍的变量的类型一致,建议使用 Identify(===)来比较是否相等。如果变量类型一致,就可以直接使用Equality(==)来比较了。

参考资料: http://www.c-point.com/javasc… https://developer.mozilla.org…

原文链接:https://segmentfault.com/a/1190000017052000

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-45807.html

文章标题:JS中神奇的equality(==)

相关文章
Node.js 2014这一年发生了什么
Node.js 的 2014 年充满了不幸和争议. 这一年 Noder 们经历了太多的伤心事, 经历了漫长的等待, 经历了沉重的分裂之痛. 也许 Noder 们不想回忆14年 Node.js land 发生的事情, 但正因为痛才更有铭记的价...
2015-11-12
React.js编程思想
JavaScript框架层出不穷,在很多程序员看来,React.js是创建大型、快速的Web应用的最好方式。这一款由Facebook出品的JS框架,无论是在Facebook还是在Instagram中,它的表现都非常出色。 使用React.j...
2015-11-12
从2014年的发展来展望JS的未来将会如何
&lt;font face=&quot;寰�杞�闆呴粦, Arial, sans-serif &quot;&gt;2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
Vue.js组件tab实现选项卡切换
本文实例为大家分享了vue插件tab选项卡的具体代码,供大家参考,具体内容如下 效果图: 代码如下: &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; ...
2017-03-13
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
three.js实现围绕某物体旋转
话不多说,请看代码: 可以拖动右上角观察变化 &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot; style=&quot;width: 100%; height:100%;&quot;&gt...
2017-02-17
NodeJS参考手册pdf版
下载地址:Nodejs参考手册PDF版下载 ...
2015-11-12
Node.js学习(1)----HTTP服务器与客户端
Node.js 标准库提供了 http 模块,其中封装了一个高效的 HTTP 服务器和一个简易的HTTP 客户端。http.Server 是一个基于事件的 HTTP 服务器,它的核心由 Node.js 下层 C++部分实现,而接口由 Jav...
2015-11-12
Riot.js:不足1KB的MVP客户端框架
Riot.js是一款MVP(模型-视图-呈现)开源客户端框架,其最大的特点就是体积非常小,不足1KB,虽然体积小,但它可以帮助用户构建大规模的Web应用程序。 Riot.js是由Moot公司开发,目前最新版本为v0.9.2,遵循MIT开源许...
2016-03-11
使用jspdf生成pdf报表
由于前台html已经动态生成报表,而且,前台有一个功能,一个date range组件,当你拖动的时候,报表会在不提交到后台的情况下动态变化。 因此需要用到js生成生报表: 用到的组件: jquery.js jspdf.js canvg.js...
2017-03-25
回到顶部