資訊專欄INFORMATION COLUMN
摘要：它有兩個重要的性質(zhì)與任何值都不相等，包括自身任何涉及的操作都會返回。關(guān)于是對象的一個方法，比較詭異的是并不是判斷參數(shù)本身是不是，而是判斷是不是。返回的結(jié)果是一個布爾值。先用轉(zhuǎn)換參數(shù)，再判斷轉(zhuǎn)換后的結(jié)果是不是不等于自身。
昨天看到一個面試題：怎樣實現(xiàn) isNaN() 方法？
細細研究了一下 NaN，發(fā)現(xiàn)這個東西不常用，坑卻異常多，頗有 “茴” 字有幾種寫法的感覺，這里記錄下總結(jié)的東西吧。
NaN 是什么NaN 即 Not a Number(非數(shù)值)，但它是一個特殊的數(shù)值，所以：
typeof(NaN) // "number"
編碼時很少直接使用 NaN，通常是在計算失敗時，作為 Math 的某個方法的返回值出現(xiàn)的。
它有兩個重要的性質(zhì)：
NaN與任何值都不相等，包括NaN自身：
alert(NaN == NaN) // false alert(NaN === NaN) // false
任何涉及 NaN的操作都會返回NaN。
哪些情況會產(chǎn)生NaN? 1. 計算JS 在進行加減乘除運算之前，會先調(diào)用 Number()方法，將非數(shù)值的運算項轉(zhuǎn)化為數(shù)值，如果轉(zhuǎn)換失敗就返回NaN，比如：
1-"a"; // NaN
首先是執(zhí)行Number("a")，不能成功轉(zhuǎn)化為數(shù)值，返回NaN，再利用NaN的第二條性質(zhì)：任何涉及 NaN的操作都會返回NaN，所以最終的結(jié)果是NaN。
2. 類型轉(zhuǎn)換當一個值不能被Number，parseInt，parseFloat成功轉(zhuǎn)換為數(shù)值，就返回NaN，舉例：
Number("123.456abc"); // NaN
parseInt("123.456abc"); // 123
parseFloat("123.456abc"); // 123.456
Number("abc"); // NaN
parseInt("abc"); // NaN
parseFloat("abc"); // NaN
Number([]); // 0
parseInt([]); // NaN
parseFloat([]); // NaN
Number(""); // 0
parseInt(""); // NaN
parseFloat(""); // NaN
Number({}); // NaN
parseInt({}); // NaN
parseFloat({}); // NaN
這里要注意三者之間的差異，我的理解是 parseInt，parseFloat會盡量將參數(shù)值轉(zhuǎn)化為數(shù)值。
關(guān)于isNaN()isNaN是window對象的一個方法，比較詭異的是：isNaN(x)并不是判斷參數(shù)x本身是不是NaN，而是判斷Number(x)是不是NaN。也就是說先用Number()去轉(zhuǎn)化參數(shù)，再去判斷轉(zhuǎn)化的結(jié)果。返回的結(jié)果是一個布爾值。
isNaN(NaN); // true
isNaN(123); // false
isNaN("abc"); //true
isNaN("123abc"); //true
isNaN({}); // true，因為Number({})=NaN
isNaN(""); // false, 因為Number("")=0
isNaN([]); // false，因為Number([])=0
可以看到最后, 空字符串"" 和 空數(shù)組[]顯然是非數(shù)值，而isNaN返回了false，原因就是Number轉(zhuǎn)換在作怪，這點還是很詭異的...所以我選擇慎用...
那么isNaN是怎么實現(xiàn)的呢，原理就是利用NaN的第一條性質(zhì)：NaN與任何值都不相等，包括NaN自身。
var isNaNA = function(value) {
var n = Number(value);
return n !== n;
};
先用Number()轉(zhuǎn)換參數(shù)，再判斷轉(zhuǎn)換后的結(jié)果是不是不等于自身。
而 MDN 上給的實現(xiàn)方式是這樣的：
var isNaNB = function(value) {
var n = parseInt(value);
return n !== n;
};
我覺得是有問題的，因為:
isNaN("123abc"); // true
isNaNA("123abc"); // true
isNaNB("123abc"); // false
Number.isNaN()
ES6 中的Number.isNaN()是一個判斷NaN的升級版，和isNaN()不同的是，Number.isNaN()不會強制轉(zhuǎn)化參數(shù)，直接對參數(shù)本身做判斷，這樣只有參數(shù)顯示等于NaN，才會返回true
Number.isNaN(NaN); // true，其他情況都返回 false
它的實現(xiàn)原理是：
function isNaNC (value) {
return typeof(value) === "number" && isNaN(value);
}
算了，還是不糾結(jié)了....
參考MDN isNaN()
JavaScript中的 NaN 與 isNaN
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/108419.html
摘要：對于復(fù)雜類型它的每個實例都有屬性。當檢測實例時優(yōu)于因為能檢測這段代碼是從的。補充以下結(jié)果，發(fā)現(xiàn)第三種方法也能正確判斷出。我們知道結(jié)果是那如何判斷兩個變量呢比較兩個變量，使用的即可。 Javascript中數(shù)據(jù)類型分為兩種： 簡單數(shù)據(jù)類型：Undefined, NULL, Boolean, Number, String 復(fù)雜數(shù)據(jù)類型：Object 接下來我們就來看看怎么做數(shù)據(jù)類型判別...
摘要：如何讓根據(jù)拆箱轉(zhuǎn)換，以及的隱式轉(zhuǎn)換，可以如下寫為什么計算機中所有的數(shù)據(jù)都是以二進制存儲的，所以在計算機計算時要把數(shù)據(jù)先轉(zhuǎn)換成二進制進行計算，然后把計算結(jié)果轉(zhuǎn)換成十進制。會存在精度丟失問題和的二進制都是以無線循環(huán)的小數(shù)的二進制的二進制 本想著記筆記里，但是筆記里沒有分類，還是以文章的形式，當個人總結(jié)吧，這一篇就當作JS基礎(chǔ)篇的記錄吧，有修改的和新增的持續(xù)更新～ 關(guān)于JS的一些小技巧 1:...
摘要：與所有值都不相等，包括它自己判斷規(guī)則，兩邊值類型不同的時候，要先進行類型轉(zhuǎn)換，再比較。判斷一個值是否是，只能用來判斷如果兩個都是字符串，每個位置的字符都一樣，那么相等否則不相等。等號如果兩個值類型相同，進行比較。 說明 在JavaScript中，下面的值被當做假（false），除了下面列出的值，都被當做真（true）: false null undefined 空字符串 數(shù)字 0 N...
摘要：如果參數(shù)不是數(shù)值都返回去掉非數(shù)字部分返回數(shù)字部分遇到的第一個非數(shù)字停止相比可以多識別一個和是將全局方法和，移植到對象上面，行為完全保持不變。 關(guān)于Number的常用方法和注意點 NaN NaN 是代表非數(shù)字的特殊屬性 NaN 注意點 NaN不是一個數(shù) 但是屬于number類型 typeof NaN //number NaN和NaN不相等 NaN == NaN //false 何時會出現(xiàn)...
摘要：注釋空數(shù)組空對象轉(zhuǎn)換為布爾型也是坑。系統(tǒng)會在自動類型轉(zhuǎn)換的時候調(diào)用他們，所以我們通常不需要手動調(diào)用他們。嚴格相等不存在類型轉(zhuǎn)換，對于類型不同的兩個值直接返回。 Javascript 中有5種基本類型(不包括 symbol)，以及對象類型，他們在不同的運算中會被系統(tǒng)轉(zhuǎn)化為不同是類型，當然我們也可以手動轉(zhuǎn)化其類型。 Javascript 類型轉(zhuǎn)換中的坑極多，就連 Douglas Crock...
閱讀 3622·2021-11-22 15:11
閱讀 4776·2021-11-18 13:15
閱讀 2771·2019-08-29 14:08
閱讀 3646·2019-08-26 13:49
閱讀 3149·2019-08-26 12:17
閱讀 3349·2019-08-26 11:54
閱讀 3183·2019-08-26 10:58
閱讀 2100·2019-08-26 10:21
