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 第二课 操作包装集元素代码
Mar 14 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
jQuery实现键盘回车搜索功能
Jul 25 jQuery
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
js利用拖放实现添加删除
Aug 27 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 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+MYSQL开发工具及资源收藏
2007/01/02 PHP
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
简单介绍JavaScript的变量和数据类型
2015/06/03 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
2016/08/29 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
vue以组件或者插件的形式实现throttle或者debounce
2019/05/22 Javascript
Python中list初始化方法示例
2016/09/18 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
基于python代码批量处理图片resize
2020/06/04 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
BNKR中国官网:带你感受澳洲领先潮流时尚
2018/08/21 全球购物
请说出几个常用的异常类
2013/01/08 面试题
自荐书模板
2013/12/15 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
网站推广策划方案
2014/06/04 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书