前言

在javascript中最有趣的數據莫過于NaN，對于大部分小猿們剛接觸到這個概念的時候表情應該是這樣的。本篇博客就來給各位客官介紹下NaN的知識點。

### NaN的介紹

- 在很多語言中都有NaN，比如C語言中nan和R語言中NAN以及javascript中的NaN，雖然每一門語言的拼寫不一樣，但是他們表示的含義幾乎一致，NaN全稱 `not a number`，表示的是一個非數字。
- 在javascript中NaN代表的含義也是代表一個非數字，非數字的情況就太多：一段字符串，一個函數，甚至是數組和對象，那么這個NaN到底屬于哪種數據類型呢？答案是NaN屬于數值類型（Number）。
- 納尼，不是剛剛說過`not a number`，怎么又說它屬于Number類型呢？

- 客官莫慌，容本猿給你狡辯狡辯，這里面我們要先搞清楚一個概念，就是數據類型Number
- Number（數值）是javascript中的一種數據類型，其中包含了各種數值情況：十進制、八進制、十六進制等各種進制，而我們正常的數字屬于Number(數值)類型的一個子集，不正常的數字也是Number的一個子集，而NaN就是不正常數字的一種情況。
- 請允許我用抽象派的畫技來給客官展示

- 我猜你已經差不多懂我的意思，總結起來就是一句話（中文的博大精深）

- - `NaN是數值類型，但不是一個正常的數字，是一個非數字，僅僅一字之差。`

### NaN的產生

這個NaN到底如何產生的，結合本猿開發和查找資料總結以下兩種情況

- 在其他類型轉換成數值類型時候（包含手動轉換和自動轉換）
- - - 手動轉換

```js
 var num = Number('千鋒')    
 console.log(num) // NaN
```

- - - 自動轉換

```js
 var num = '千鋒' * '大前端'    
 console.log(num) // NaN
```

- - - 我們以一種情景對話的方式模擬情景

- 在數值某些計算的時候

```js
var x = Math.sqrt(-1)        
console.log(x)
```

- - - Math.sqrt()方法是用來求平方根，但是只有一個正數才有平方根，負數是沒有平方根的，針對于這樣的計算到底給什么結果呢，js給出的結果就是NaN

### NaN有趣的靈魂

- 既然介紹完了NaN，那我們聊點有趣的，本猿給客官們總結了兩點。

1. NaN和任何數的計算 `js`

```js
console.log(NaN+1) // NaN    
console.log(NaN*1) // NaN    
console.log(NaN/1) // NaN    
// ...
```

- 經過本猿的觀測，任何一個數和NaN的計算，結果都是NaN，各位客官們是不是感受到了快樂

- NaN和任何數的比較

本猿針對于幾種可能會混淆情況比較，發現結果都是false

```js
console.log(NaN === 0) // false    
console.log(NaN === '') // false    
console.log(NaN === undefined) // false    
console.log(NaN === null) // false
```

難道是我用了全等，抱著試一試態度我又換成了==，結果也是false

```js
console.log(NaN == 0) // false    
console.log(NaN == '') // false    
console.log(NaN == undefined) // false    
console.log(NaN == null) // false
```

經過我反復測試，得出的結果是NaN和任何數據比較的結果都是false，但是感覺好像還有什么遺漏

名偵探柯南上身的我發現還有一種情況沒有考慮

```js
console.log(NaN === NaN) // false    
console.log(NaN == NaN) // false
```

- 徹底破防了，這個NaN竟然和自己都不相等，那么如何去判斷某個數據是不是NaN呢？
- 正當我準備給ECMASCript提出草案的時候，突然想到了之前NaN的黃金搭檔 `isNaN()` 方法，這個方法就是天生為了檢測NaN準備的

```js
console.log(isNaN(NaN)) // true
```

### 總結

- 本篇主要給大家介紹下NaN的概念，希望各位猿猿們在日后開發中能夠正確使用NaN和成功避免NaN留下的坑點，如有不足歡迎指正，謝謝。更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒已有十余年的培訓經驗，課程大綱更科學更專業，有針對零基礎的就業班，有針對想提升技術的提升班，高品質課程助理你實現夢想。