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 相关文章推荐
用 JSON 处理缓存
Apr 27 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
Jun 12 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
vue内置组件keep-alive事件动态缓存实例
Oct 30 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
JS前端宏任务微任务及Event Loop使用详解
Jul 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
用Flash图形化数据(二)
2006/10/09 PHP
php 从数据库提取二进制图片的处理代码
2009/09/09 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
基于Jquery的简单图片切换效果
2011/01/06 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
五步轻松实现zTree的使用
2017/11/01 Javascript
vue 实现小程序或商品秒杀倒计时
2019/04/14 Javascript
tornado框架blog模块分析与使用
2013/11/21 Python
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
Python解析并读取PDF文件内容的方法
2018/05/08 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
Python+unittest+requests 接口自动化测试框架搭建教程
2020/10/09 Python
家长通知书教师评语
2014/04/17 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
街道务虚会发言材料
2014/10/20 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
教师个人学习总结
2015/02/11 职场文书
院系推荐意见
2015/06/05 职场文书
聘任通知书
2015/09/21 职场文书
《穷人》教学反思
2016/02/19 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang
详解Python函数print用法
2021/06/18 Python