JavaScript 更严格的相等 [译]


Posted in Javascript onSeptember 20, 2012

1.检测NaN
在数学上,任意值x总是与自己相等:

x = x

但这条规则并不适用于 === 和 NaN:

> NaN === NaN 
false

导致的结果就是,你不能通过使用indexOf方法在一个包含了NaN的数组中找到这个NaN,因为该方法在内部是使用了===来判断一个元素是否和参数中指定的值相等的:
> [ NaN ].indexOf(NaN) 
-1

译者注:switch语句同理
switch (NaN) { 
case NaN:alert(NaN); 
}

如果你不能使用 === 来检测NaN,那该使用什么呢?有一个全局函数isNaN(),但这个函数有个问题,就是它总会隐式的将参数中的值转换成数字再做判断,这样就在判断很多明显不是NaN的值的时候也返回了true:
> isNaN("foo") 
true

解释:"foo"被转换成了数字NaN.
> Number("foo") 
NaN

另外一个检测NaN的方法就是利用NaN是唯一一个与自身严格不相等的值:
function myIsNaN(value) { 
return value !== value; 
}

另外一个更易懂的方法是在使用isNaN()之前先检查一下这个值是不是数字类型.这样就避免了隐式转换的问题.
function myIsNaN2(value) { 
return typeof value === 'number' && isNaN(value); 
}

ECMAScript.next中将会有一个新的Number.isNaN()方法,它是一个修正版的isNaN()函数.

2.区分-0和+0

这样的需求很少见,但有时候你的确需要区分+0(正零)和-0(负零),在JavaScript中,这是两个不同的值.但===不能判断出来:

> -0 === +0 
true

那到底该怎么来区分呢?在JavaScript中.如果让一个正数除以−0,结果是-Infinity.如果除以+0,则结果是Infinity.这两个无穷大值是可以使用===来判断的:
> 1 / -0 
-Infinity > 1 / +0 
Infinity 
> Infinity === -Infinity 
false

译者注:写成函数就是
function isPositiveZero(zero){ 
return 1/zero === Infinity } 
function isNegativeZero(zero){ 
return 1/zero === -Infinity 
}

3.ECMAScript.next中更严格的相等:“is”操作符

ECMAScript.next会有一个 “is” 操作符,它的作用就是"更严格的相等”:它能把NaN看作等于自身,还能区分开-0和+0.还有一个相反的操作符称为“isnt”.例如:

> NaN is NaN 
true > -0 isnt +0 
true

目前这个操作符可以由Object.is()方法来弥补.这个方法可以这样实现:

Object.is = function(x, y) { 
if (x === y) { 
// x === 0 => 比较+0和-0 
return x !== 0 || (1/x === 1/y); 
} // x !== y => 只有在x和y都是NaN时才返回true 
return x !== x && y !== y; 
};

3.1 尝试Object.is()

如果你想尝试一下Object.is(),你可以使用es6-shim,它可以将ECMAScript.next(ECMAScript 6)中的一些特性移植到ECMAScript 5中.

译者注:如果想在ES3的环境上使用,则还得使用es5-shim

4.参考
  1. Equality in JavaScript: === versus ==
  2. ECMAScript.next: the “TXJS” update by Eich
  3. NaN and Infinity in JavaScript
  4. es6-shim ? ECMAScript 6 functionality on ECMAScript 5
Javascript 相关文章推荐
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
Backbone.js的Hello World程序实例
Jun 19 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
vue项目中微信登录的实现操作
Sep 08 Javascript
JavaScript 反科里化 this [译]
Sep 20 #Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 #Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 #Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 #Javascript
javascript分页代码(当前页码居中)
Sep 20 #Javascript
javascript获取作用在元素上面的样式属性代码
Sep 20 #Javascript
一个基于jquery的文本框记数器
Sep 19 #Javascript
You might like
用 PHP5 轻松解析 XML
2006/12/04 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
Javascript的闭包
2009/12/31 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
2013/06/25 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
vue项目首屏加载时间优化实战
2019/04/23 Javascript
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
JS继承实现方法及优缺点详解
2020/09/02 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
Python实现Linux命令xxd -i功能
2016/03/06 Python
python实现多层感知器MLP(基于双月数据集)
2019/01/18 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
html5唤起app的方法
2017/11/30 HTML / CSS
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
致1500米运动员广播稿
2014/02/07 职场文书
户外拓展活动方案
2014/02/11 职场文书
节水口号标语
2014/06/19 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
餐饮服务员岗位职责
2015/02/09 职场文书