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 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
Jan 12 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
深入了解javascript 数组的sort方法
Jun 01 Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
js实现坦克大战游戏
Feb 24 Javascript
浅析vue中的nextTick
Dec 28 Vue.js
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
实例解析php的数据类型
2018/10/24 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
利用js对象弹出一个层
2008/03/26 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
利用BootStrap弹出二级对话框的简单实现方法
2016/09/21 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
vue forEach循环数组拿到自己想要的数据方法
2018/09/21 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
js调用网络摄像头的方法
2020/12/05 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
python字符串替换示例
2014/04/24 Python
python通过wxPython打开一个音频文件并播放的方法
2015/03/25 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
Flask框架使用DBUtils模块连接数据库操作示例
2018/07/20 Python
python如何将图片转换素描画
2020/09/08 Python
Python环境使用OpenCV检测人脸实现教程
2020/10/19 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
啦啦队口号大全
2014/06/16 职场文书
篮球社团活动总结
2014/06/27 职场文书
元旦晚会开场白
2015/05/29 职场文书
2015年小学语文教师工作总结
2015/10/23 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
2016年学校十一国庆节活动总结
2016/04/01 职场文书