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 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
Apr 26 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
Oct 10 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
详解package.json版本号规则
Aug 01 Javascript
vue使用video插件vue-video-player详解
Oct 23 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
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
PHP和Mysql中转UTF8编码问题汇总
2015/10/10 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
python 时间戳与格式化时间的转化实现代码
2016/03/23 Python
python函数的5种参数详解
2017/02/24 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
Win8下python3.5.1安装教程
2020/07/29 Python
python对日志进行处理的实例代码
2018/10/06 Python
Python3使用 GitLab API 进行批量合并分支
2020/10/15 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
请说出几个常用的异常类
2013/01/08 面试题
static函数与普通函数有什么区别
2015/12/25 面试题
杭州-DOTNET笔试题集
2013/09/25 面试题
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
新闻专业应届生求职信
2013/10/31 职场文书
经济管理毕业生求职信
2014/03/15 职场文书
预备党员2014年第四季度思想汇报范文
2014/10/25 职场文书
入党个人总结范文
2015/03/02 职场文书
教师节祝酒词
2015/08/11 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL