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 相关文章推荐
广告显示判断
Aug 31 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
jQuery中:only-child选择器用法实例
Jan 03 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
JS回调函数深入理解
Oct 16 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
原生JavaScript实现五子棋游戏
Nov 09 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
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
javascript浏览器兼容教程之事件处理
2014/06/09 Javascript
推荐6款基于jQuery实现图片效果插件
2014/12/07 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
2017/03/30 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
[49:31]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第二场 1月29日
2021/03/11 DOTA
python编程开发之日期操作实例分析
2015/11/13 Python
python框架django基础指南
2016/09/08 Python
Python实现的计数排序算法示例
2017/11/29 Python
利用python汇总统计多张Excel
2020/09/22 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
求职者简历中的自我评价
2013/10/20 职场文书
应届生求职推荐信
2013/10/28 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
银行工作心得体会范文
2016/01/23 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
JAVA springCloud项目搭建流程
2022/05/11 Java/Android