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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
JS基于面向对象实现的放烟花效果
May 07 Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
vue数据双向绑定原理解析(get & set)
Mar 08 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
js代码规范之Eslint安装与配置详解
Sep 08 Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 Javascript
详解Vue的sync修饰符
May 15 Vue.js
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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PHP 编写的 25个游戏脚本
2009/05/11 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
js函数般调用正则
2008/04/08 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Python PIL图片添加字体的例子
2019/08/22 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
台湾演唱会订票网站:StubHub台湾
2019/06/11 全球购物
公积金单位接收函
2014/01/11 职场文书
业务员的岗位职责
2014/03/15 职场文书
小学校园之星事迹材料
2014/05/16 职场文书
圣诞节活动策划方案
2014/06/09 职场文书
学习党代会心得体会
2014/09/05 职场文书
教师考核表个人总结
2015/02/12 职场文书
公司处罚决定书
2015/06/24 职场文书