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初学:find()方法及children方法的区别分析
Jan 31 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
Vue-Router进阶之滚动行为详解
Sep 13 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
Oct 09 Javascript
Electron-vue开发的客户端支付收款工具的实现
May 24 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
vue实现简单图片上传
Jun 30 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/12/19 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
php递归创建目录的方法
2015/02/02 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
JavaScript DOM 学习总结(五)
2015/11/24 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
2017/09/04 Javascript
js实现随机点名系统(实例讲解)
2017/10/18 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python的gevent框架的入门教程
2015/04/29 Python
处理Python中的URLError异常的方法
2015/04/30 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
20行python代码实现人脸识别
2019/05/05 Python
基于python实现对文件进行切分行
2020/04/26 Python
基于python实现坦克大战游戏
2020/10/27 Python
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
转让协议书范本
2014/04/15 职场文书
文员求职信
2014/07/15 职场文书
伏羲庙导游词
2015/02/09 职场文书
英文版辞职信
2015/02/28 职场文书
小学教师教学反思
2016/02/24 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
python保存图片的四个常用方法
2022/02/28 Python