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 相关文章推荐
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
Dec 02 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
小程序实现长按保存图片的方法
Dec 31 Javascript
vue addRoutes路由动态加载操作
Aug 04 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 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
php header函数的常用http头设置
2015/06/25 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
PHP会话操作之cookie用法分析
2016/09/28 PHP
php实现姓名根据首字母排序的类与方法(实例代码)
2018/05/16 PHP
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
基于Jquery实现键盘按键监听
2014/05/11 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
nodejs中用npm初始化来创建package.json的实例讲解
2018/10/10 NodeJs
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
ES6的异步操作之promise用法和async函数的具体使用
2019/12/06 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
Python中random模块生成随机数详解
2016/03/10 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
Python读取csv文件分隔符设置方法
2019/01/14 Python
Pycharm 2020最新永久激活码(附最新激活码和插件)
2020/09/17 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
python学生管理系统的实现
2020/04/05 Python
Python wordcloud库安装方法总结
2020/12/31 Python
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
高级编程求职信模板
2014/02/16 职场文书
计算机专业毕业生自荐书
2014/06/02 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书
导游词之日月潭
2019/11/05 职场文书
MySQL 自定义变量的概念及特点
2021/05/13 MySQL
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫