一、NAN
NaN 即 Not a Number ，不是一個數字。 在 JavaScript 中，整數和浮點數都統稱為 Number 類型 。除此之外，Number 類型還有一個很特殊的值，即 NaN 。它是 Number 對象上的一個靜態屬性，可以通過 Number.NaN 來訪問 。
在 ECMAScript v1 和其后的版本中，還可以用預定義的全局屬性 NaN 代替 Number.NaN 。
console.log(Number.NaN); // NaN console.log(NaN); // NaN
二、NAN的產生
表達式計算
一個表達式中如果有減號 (-)、乘號 (*) 或 除號 (/) 等運算符時，JS 引擎在計算之前，會試圖將表達式的每個分項轉化為 Number 類型（使用 Number(x) 做轉換）。如果轉換失敗，表達式將返回 NaN 。
100 - '2a'; // NaN '100'/ '20a'; // NaN '20a'* 5 ; // NaN undefined - 1; // NaN, Number(undefined) == NaN [] * 20 ; // 0, Number([]) == 0 null- 5; // -5, Number(null) == 0
而 加號 (+) 不會將其兩邊的變量轉化為 Number 類型，這是因為JS表達式的執行順序是按照運算符的優先級從左到右依次進行的，如果加號 (+) 兩邊的變量都是 Number 類型時，才會做數字相加運算，如果其中有一個變量是字符串，則會將兩邊都作為字符串相加。
類型轉換
直接使用 parseInt，parseFloat 或 Number 將一個非數字的值轉化為數字時，表達式返回 NaN 。
'abc'- 3 // NaN parseInt('abc') // NaN parseFloat('abc') // NaN Number('abc') // NaN
Number('123abc'); // NaN
parseInt('123abc'); // 123
parseInt('123abc45'); // 123
parseFloat('123.45abc');// 123.45
Number 轉換的是整個值，而不是部分值；parseInt 和 parseFloat 只轉化第一個無效字符之前的字符串。 另外，一元加操作符也可以實現與 Number 相同的作用。
因此，當一個字符串不能被 Number、parseInt 或 parseFloat 成功轉換時，就返回 NaN，表示該字符串無法被識別為數字類型，這是一個異常狀態，並不是一個確切的值。
三、isNaN
isNaN() 是一個全局方法，它的作用是檢查一個值是否能被 Number() 成功轉換 。 如果能轉換成功，就返回 false，否則返回 true 。
isNaN(NaN) // true 不能轉換 isNaN('123') // false 能轉換 isNaN('abc') // true 不能轉換 isNaN('123ab') // true 不能轉換 isNaN('123.45abc') // true 不能轉換
另外，ES6 在 Number 對象上也提供了 isNaN() 方法，和全局方法 isNaN() 不同的是，它用於判斷某個值本身是否為 NaN，而不需要進行類型轉換。
Number.isNaN('123'); // false 本身不是NaN
Number.isNaN('abc'); // false 本身不是NaN
Number.isNaN(NaN); // true 本身是NaN
參考資料：
https://www.cnblogs.com/onepixel/p/5281796.html