JavaScript數(shù)據(jù)類型

目錄

JavaScript 語言的每一個值，都屬于某一種數(shù)據(jù)類型。JavaScript 的數(shù)據(jù)類型，共有六種。（ES6 又新增了第七種 Symbol 類型的值，本教程不涉及。）

• 數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）
• 字符串（string）：字符組成的文本（比如”Hello World”）
• 布爾值（boolean）：true（真）和false（假）兩個特定值
• undefined：表示“未定義”或不存在，即由于目前沒有定義，所以此處暫時沒有任何值
• null：表示無值，即此處的值就是“無”的狀態(tài)。
• 對象（object）：各種值組成的集合

通常，我們將數(shù)值、字符串、布爾值稱為原始類型（primitive type）的值，即它們是最基本的數(shù)據(jù)類型，不能再細分了。而將對象稱為合成類型（complex type）的值，因為一個對象往往是多個原始類型的值的合成，可以看作是一個存放各種值的容器。至于undefined和null，一般將它們看成兩個特殊值。

對象又可以分成三個子類型。

• 狹義的對象（object）
• 數(shù)組（array）
• 函數(shù)（function）

狹義的對象和數(shù)組是兩種不同的數(shù)據(jù)組合方式，而函數(shù)其實是處理數(shù)據(jù)的方法。JavaScript把函數(shù)當成一種數(shù)據(jù)類型，可以像其他類型的數(shù)據(jù)一樣，進行賦值和傳遞，這為編程帶來了很大的靈活性，體現(xiàn)了JavaScript作為“函數(shù)式語言”的本質。

這里需要明確的是，JavaScript的所有數(shù)據(jù)，都可以視為廣義的對象。不僅數(shù)組和函數(shù)屬于對象，就連原始類型的數(shù)據(jù)（數(shù)值、字符串、布爾值）也可以用對象方式調用。為了避免混淆，此后除非特別聲明，本教程的”對象“都特指狹義的對象。

本教程將詳細介紹所有的數(shù)據(jù)類型。undefined和null兩個特殊值和布爾類型Boolean比較簡單，將在本節(jié)介紹，其他類型將各自有單獨的一節(jié)。

JavaScript有三種方法，可以確定一個值到底是什么類型。

• typeof運算符
• instanceof運算符
• Object.prototype.toString方法

instanceof運算符和Object.prototype.toString方法，將在后文相關章節(jié)介紹。這里著重介紹typeof運算符。

typeof運算符可以返回一個值的數(shù)據(jù)類型，可能有以下結果。

（1）原始類型

數(shù)值、字符串、布爾值分別返回number、string、boolean。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

（2）函數(shù)

函數(shù)返回function。

function f() {}
typeof f
// "function"

（3）undefined

undefined返回undefined。

typeof undefined
// "undefined"

利用這一點，typeof可以用來檢查一個沒有聲明的變量，而不報錯。

v
// ReferenceError: v is not defined

typeof v
// "undefined"

上面代碼中，變量v沒有用var命令聲明，直接使用就會報錯。但是，放在typeof后面，就不報錯了，而是返回undefined。

實際編程中，這個特點通常用在判斷語句。

// 錯誤的寫法
if (v) {
  // ...
}
// ReferenceError: v is not defined

// 正確的寫法
if (typeof v === "undefined") {
  // ...
}

（4）其他

除此以外，其他情況都返回object。

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

從上面代碼可以看到，空數(shù)組（[]）的類型也是object，這表示在JavaScript內部，數(shù)組本質上只是一種特殊的對象。

另外，null的類型也是object，這是由于歷史原因造成的。1995年JavaScript語言的第一版，所有值都設計成32位，其中最低的3位用來表述數(shù)據(jù)類型，object對應的值是000。當時，只設計了五種數(shù)據(jù)類型（對象、整數(shù)、浮點數(shù)、字符串和布爾值），完全沒考慮null，只把它當作object的一種特殊值，32位全部為0。這是typeof null返回object的根本原因。

為了兼容以前的代碼，后來就沒法修改了。這并不是說null就屬于對象，本質上null是一個類似于undefined的特殊值。

既然typeof對數(shù)組（array）和對象（object）的顯示結果都是object，那么怎么區(qū)分它們呢？instanceof運算符可以做到。

var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true

instanceof運算符的詳細解釋，請見《面向對象編程》一章。

概述

null與undefined都可以表示“沒有”，含義非常相似。將一個變量賦值為undefined或null，老實說，語法效果幾乎沒區(qū)別。

var a = undefined;
// 或者
var a = null;

上面代碼中，a變量分別被賦值為undefined和null，這兩種寫法的效果幾乎等價。

在if語句中，它們都會被自動轉為false，相等運算符（==）甚至直接報告兩者相等。

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

從上面代碼可見，兩者的行為是何等相似！谷歌公司開發(fā)的 JavaScript 語言的替代品 Dart 語言，就明確規(guī)定只有null，沒有undefined！

既然含義與用法都差不多，為什么要同時設置兩個這樣的值，這不是無端增加復雜度，令初學者困擾嗎？這與歷史原因有關。

1995年 JavaScript 誕生時，最初像Java一樣，只設置了null作為表示”無”的值。根據(jù)C語言的傳統(tǒng)，null被設計成可以自動轉為0。

Number(null) // 0
5 + null // 5

但是，JavaScript的設計者Brendan Eich，覺得這樣做還不夠，有兩個原因。首先，null像在Java里一樣，被當成一個對象。但是，JavaScript的值分成原始類型和合成類型兩大類，Brendan Eich覺得表示”無”的值最好不是對象。其次，JavaScript的最初版本沒有包括錯誤處理機制，發(fā)生數(shù)據(jù)類型不匹配時，往往是自動轉換類型或者默默地失敗。Brendan Eich覺得，如果null自動轉為0，很不容易發(fā)現(xiàn)錯誤。

因此，Brendan Eich又設計了一個undefined。他是這樣區(qū)分的：null是一個表示”無”的對象，轉為數(shù)值時為0；undefined是一個表示”無”的原始值，轉為數(shù)值時為NaN。

Number(undefined) // NaN
5 + undefined // NaN

但是，這樣的區(qū)分在實踐中很快就被證明不可行。目前null和undefined基本是同義的，只有一些細微的差別。

null的特殊之處在于，JavaScript把它包含在對象類型（object）之中。

typeof null // "object"

上面代碼表示，查詢null的類型，JavaScript返回object（對象）。

這并不是說null的數(shù)據(jù)類型就是對象，而是JavaScript早期部署中的一個約定俗成，其實不完全正確，后來再想改已經太晚了，會破壞現(xiàn)存代碼，所以一直保留至今。

注意，JavaScript的標識名區(qū)分大小寫，所以undefined和null不同于Undefined和Null（或者其他僅僅大小寫不同的詞形），后者只是普通的變量名。

用法和含義

對于null和undefined，可以大致可以像下面這樣理解。

null表示空值，即該處的值現(xiàn)在為空。調用函數(shù)時，某個參數(shù)未設置任何值，這時就可以傳入null。比如，某個函數(shù)接受引擎拋出的錯誤作為參數(shù)，如果運行過程中未出錯，那么這個參數(shù)就會傳入null，表示未發(fā)生錯誤。

undefined表示“未定義”，下面是返回undefined的典型場景。

// 變量聲明了，但沒有賦值
var i;
i // undefined

// 調用函數(shù)時，應該提供的參數(shù)沒有提供，該參數(shù)等于undefined
function f(x) {
  return x;
}
f() // undefined

// 對象沒有賦值的屬性
var  o = new Object();
o.p // undefined

// 函數(shù)沒有返回值時，默認返回undefined
function f() {}
f() // undefined

布爾值代表“真”和“假”兩個狀態(tài)?！罢妗庇藐P鍵字true表示，“假”用關鍵字false表示。布爾值只有這兩個值。

下列運算符會返回布爾值：

• 兩元邏輯運算符： && (And)，|| (Or)
• 前置邏輯運算符： ! (Not)
• 相等運算符：===，!==，==，!=
• 比較運算符：>，>=，<，<=

如果JavaScript預期某個位置應該是布爾值，會將該位置上現(xiàn)有的值自動轉為布爾值。轉換規(guī)則是除了下面六個值被轉為false，其他值都視為true。

• undefined
• null
• false
• 0
• NaN
• ""或''（空字符串）

布爾值往往用于程序流程的控制，請看一個例子。

if ('') {
  console.log(true);
}
// 沒有任何輸出

上面代碼的if命令后面的判斷條件，預期應該是一個布爾值，所以JavaScript自動將空字符串，轉為布爾值false，導致程序不會進入代碼塊，所以沒有任何輸出。

需要特別注意的是，空數(shù)組（[]）和空對象（{}）對應的布爾值，都是true。

if ([]) {
  console.log(true);
}
// true

if ({}) {
  console.log(true);
}
// true

更多關于數(shù)據(jù)類型轉換的介紹，參見《數(shù)據(jù)類型轉換》一節(jié)。

• Axel Rauschmayer, Improving the JavaScript typeof operator
• Axel Rauschmayer, Categorizing values in JavaScript