DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript 更嚴格的相等 [譯]
JavaScript 更嚴格的相等 [譯]
編輯:關於JavaScript     
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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved