[譯]JavaScript:"更"嚴格的相等


原文:http://www.2ality.com/2012/03/stricter-equality.html


大部分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 && zero === 0
}

function isNegativeZero(zero){
return 1/zero === -Infinity && zero === 0
}

3.ECMAScript.next中更嚴格的相等:"is"運算符

譯者注:is和isnt運算符被拒絕了,ES6中不會有了.

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. [譯]JavaScript:NaN和Infinity
  4. es6-shim – ECMAScript 6 functionality on ECMAScript 5


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM