一、資料型別簡介：

1.JavaScript（以下簡稱js）的資料型別分為兩種：原始型別（即基本資料型別）和物件型別（即引用資料型別）；

2.js常用的基本資料型別包括undefined、null、number、boolean、string；

3.js的引用資料型別也就是物件型別Object，比如：Object、array、function、data等；

二、基本資料型別特點：

1.基本資料型別是按值訪問的，就是說我們可以操作儲存在變數中的實際的值；

2.基本資料型別的值是不可變的，任何方法都無法改變一個基本資料型別的值，比如一個字串：

  let name = 'zhangsan'
  name.substr()
  console.log(name) // 輸出：zhangsan
  let age = 'firstblood'
  age.toUpperCase()
  console.log(age) // 輸出：firstblood
 

通過上面的例子，我們可以發現原來定義的變數name的值始終沒有發生改變，而呼叫substr()和toUpperCase()方法後返回的是一個新的字串，跟原來定義的變數name並沒有什麼關係。

再看下面的程式碼：

  let name = 'zhangsan'
  name = 'lisi'
  console.log(name) // 輸出：lisi

上面的例子看來name的值好像“改變了”，這裡的基礎資料型別是string，也就是“zhagnsan”，這裡的“zhangsan”是不可以改變的，name只是指向“zhagnsan”的一個指標，指標的指向不可以改變，所以下面的name = 'lisi'，將name指向了“lisi”，這裡的“lisi”也是不可以改變的。也就是說這裡的改變只是“指標指向的改變”。

3.基本資料型別不可以新增屬性和方法：

  let user = 'zhangsan'
  user.age = 18
  user.method = function () {
    console.log('12345')
  }
  console.log(user.age) // 輸出：undefined
  console.log(user.method) // 輸出：undefined

上面的程式碼可以看出，基本資料型別是不能新增屬性和方法的，再次說明基本資料型別是不可變的。

4.基本資料型別的賦值是簡單的賦值（如果從一個變數向另一個變數賦值基本型別的值，會在變數物件上建立一個新值，然後把該值賦值到位新變數分配的位置上）：

  let a = 18
  let b = a
  a++
  console.log(a) // 輸出：19
  console.log(b) // 輸出：18

上面的程式碼，a中儲存的值是18，當使用a的值來初始化b時，b中也儲存了值18，但是b中的18和a中的18完全是獨立的，b中的值只是a中值的一個副本，所以這兩個變數可以參與任何操作而不會相互影響。

5.基本資料型別的比較是值的比較：

  var a = '{}'
  var b = '{}'
  console.log(a === b) // 輸出：true

6.基本型別的值在記憶體中佔據固定大小的空間，被儲存在棧記憶體中。（從一個變數向另一個變數複製基本型別的值，會建立這個值的一個副本）；

假如有以下幾個基本型別的變數：

  let name = 'zhangsan'
  let age = 18
  let weight = '60kg'

他的儲存結構如下圖（棧區包括了變數的識別符號和變數的值）：

三、基本資料型別詳解：

1.number型別

①number型別包含整數和浮點數（浮點數數值必須包含一個小數點，且小數點後至少有一位數字）。

浮點數會自動轉換為整數，如下：

  let num = 1.00
  console.log(num) // 輸出：1，自動轉換為了整數

②浮點數的最高精度是17位，看下面的例子：

  let a = 0.1
  let b = 0.2
  console.log(a + b) // 輸出：0.30000000000000004

上面的例子，結果竟然不是0.3，至於其他變成語言，也會遇到這種情況（關於浮點數計算會產生誤差問題，其他有些變成語言也會出現類似情況。）

③NaN：非數字型別，特點：涉及到任何關於NaN的操作，都會返回NaN，而且NaN不等於自身。如下：

  let name = 'lisi'
  console.log(name / 10) // 輸出：NaN
  console.log(NaN === NaN) // 輸出：false

④isNaN()函式用於判斷是否是一個非數字型別，如果傳入的引數是一個非數字型別，那麼返回true，否則返回false；

⑤isNaN()函式傳入一個引數，函式會先將引數轉換為數值，如果引數型別為物件型別，會先呼叫物件的valueOf()方法，再確定該方法返回的值是否可以轉換為數值型別，如果不能，再呼叫物件的toString()方法，再確定返回值；

⑦數值轉化：

Number()，轉型函式，可以用於任何資料型別

parseInt()，將值轉換為整型，用的較多

parseFloat()，將值轉換為浮點型

2.string型別

①字串型別中的單雙引號作用一樣；

②字串有length屬性，可以取得字串的長度：

  let str = 'Hello world'
  console.log(str.length) // 輸出：11

④字串轉換：

String()，轉型函式，適用於任何資料型別（null，undefined轉換後為null和undefined）

toString()方法可以把一個邏輯值轉換為字串，並返回結果（null、undefined沒有toString()方法）

  let ab = 'zhangsan'
  let bc = null
  let cd = undefined
  console.log(ab.toString())  // 輸出：zhangsan
  // console.log(bc.toString())  // error 報錯
  // console.log(cd.toString())  // error 報錯
  console.log(String(ab))  // 輸出：zhangsan
  console.log(String(bc))  // 輸出：null
  console.log(String(cd))  // 輸出：undefined

3.boolean型別

①這個型別只有兩個值，true和false；

②Boolean()，轉型函式，將某個值轉換為Boolean型別

4.null型別

①null型別被看做空物件指標，只有一個值，即null值，所以在用typeof操作符去檢測null型別的值得時候，結果是object型別；

②如果你定義了一個變數，但是想在以後把這個物件當做一個物件來使用，最好將該物件初始化為null值

5.undefined型別

①只有一個值，即undefined，如果聲明瞭一個變數，但是未給變數初始化值，那麼這個變數的值就是undefined：

  let name = 'zhangsan'
  let age
  console.log(name) // 輸出：zhangsan
  console.log(age) // undefined，因為聲明瞭age，但是沒有給初始化值

②呼叫函式時，應該提供的引數沒有提供，該引數等於undefined；

③物件沒有賦值的屬性，該屬性的值為undefined；

④函式沒有返回值，預設返回undefined。

參考文章：