JavaScript 更严格的相等 [译]
更新时间：2012年09月20日 23:00:24 作者：
大部分JavaScript程序员都知道:应该使用严格相等(===)来代替“普通”的相等操作(==).但是,有时候你的确需要一个比严格相等===更严格的运算符,比如说:在你想检查某个值是否是NaN的时候,又或者你想区分-0和+0的时候.本文解释了相关的知识以及ECMAScript.next中的解决办法:“is”操作符
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 = 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()
在数学上,任意值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.参考相关文章
作用域是JavaScript中一个重要的概念,它决定了变量和函数在代码中的可访问性和可见性,了解JavaScript的作用域对于编写高效、可维护的代码至关重要,本文将深入介绍JavaScript作用域相关的知识点,其中包括作用域类型,作用域链,变量提升以及闭包等2023-08-08
这篇文章主要为大家详细介绍了JavaScript实现网页跨年倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了for of 和 for in 的区别,for of 和 for in都是用来遍历的属性，本文重点介绍下for of 和 for in 的区别，需要的朋友可以参考下2022-12-12
这篇文章主要介绍了用JavaScript实现类似于ListBox功能,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了JS获得选取checkbox整行数据的方法,涉及使用js对DOM节点的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了fabric.js实现diy明信片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
这篇文章主要为大家详细介绍了swiper实现导航滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要为大家详细介绍了第四篇Javascript动画效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要给大家详细分析了JavaScript函数定义的相关资料,需要的朋友可以参考下2015-07-07
今天看到一个很久的帖子说string连接优化问题。于是自己也测试一下。写了个很简单的代码2011-07-07
最新评论