一.概述
JavaScript 語(yǔ)言的每一個(gè)值,都屬于某一種數(shù)據(jù)類型。JavaScript 的數(shù)據(jù)類型,共有六種。(ES6 又新增了第七種 Symbol 類型的值)
數(shù)值(number):整數(shù)和小數(shù)(比如1和3.14)
字符串(string):文本(比如Hello World)。
布爾值(boolean):表示真?zhèn)蔚膬蓚€(gè)特殊值,即true(真)和false(假)
undefined:表示“未定義”或不存在,即由于目前沒(méi)有定義,所以此處暫時(shí)沒(méi)有任何值
null:表示空值,即此處的值為空。
對(duì)象(object):各種值組成的集合。
通常,數(shù)值、字符串、布爾值這三種類型,合稱為原始類型(primitive type)的值,即它們是最基本的數(shù)據(jù)類型,不能再細(xì)分了。對(duì)象則稱為合成類型(complex type)的值,因?yàn)橐粋€(gè)對(duì)象往往是多個(gè)原始類型的值的合成,可以看作是一個(gè)存放各種值的容器。至于undefined和null,一般將它們看成兩個(gè)特殊值。
對(duì)象是最復(fù)雜的數(shù)據(jù)類型,又可以分成三個(gè)子類型。
狹義的對(duì)象(object)
數(shù)組(array)
函數(shù)(function)
狹義的對(duì)象和數(shù)組是兩種不同的數(shù)據(jù)組合方式。函數(shù)其實(shí)是處理數(shù)據(jù)的方法,JavaScript 把它當(dāng)成一種數(shù)據(jù)類型,可以賦值給變量,這為編程帶來(lái)了很大的靈活性,也為 JavaScript 的“函數(shù)式編程”奠定了基礎(chǔ)。
二.typeof 運(yùn)算符
JavaScript 有三種方法,可以確定一個(gè)值到底是什么類型。
typeof運(yùn)算符
instanceof運(yùn)算符
Object.prototype.toString方法
typeof運(yùn)算符可以返回一個(gè)值的數(shù)據(jù)類型。
三.原始類型
數(shù)值、字符串、布爾值分別返回number、string、boolean。
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"
number類型:
十進(jìn)制:1 ; 1+.1=1.1; 1.23e^2
二進(jìn)制:0b11(0b開(kāi)頭)
八進(jìn)制:011(0開(kāi)頭)
十六進(jìn)制:0x11(0x開(kāi)頭)
輸入的時(shí)候可以以不同進(jìn)制,輸出的時(shí)候默認(rèn)為十進(jìn)制
布爾類型:
布爾值
布爾值代表“真”和“假”兩個(gè)狀態(tài)?!罢妗庇藐P(guān)鍵字true表示,“假”用關(guān)鍵字false表示。布爾值只有這兩個(gè)值。
下列運(yùn)算符會(huì)返回布爾值:
兩元邏輯運(yùn)算符: && (And),|| (Or)
前置邏輯運(yùn)算符: ! (Not)
相等運(yùn)算符:===,!==,==,!=
比較運(yùn)算符:>,>=,<,<=
如果 JavaScript 預(yù)期某個(gè)位置應(yīng)該是布爾值,會(huì)將該位置上現(xiàn)有的值自動(dòng)轉(zhuǎn)為布爾值。轉(zhuǎn)換規(guī)則是除了下面六個(gè)值被轉(zhuǎn)為false,其他值都視為true。
undefined
null
false
0
NaN
""或''(空字符串)
布爾值往往用于程序流程的控制,請(qǐng)看一個(gè)例子。
if ('') {
console.log('true');
}
// 沒(méi)有任何輸出
上面代碼中,if命令后面的判斷條件,預(yù)期應(yīng)該是一個(gè)布爾值,所以 JavaScript 自動(dòng)將空字符串,轉(zhuǎn)為布爾值false,導(dǎo)致程序不會(huì)進(jìn)入代碼塊,所以沒(méi)有任何輸出。
注意,空數(shù)組([])和空對(duì)象({})對(duì)應(yīng)的布爾值,都是true。
if ([]) {
console.log('true');
}
// true
if ({}) {
console.log('true');
}
// true
四.null和undefined類型
undefined返回undefined。
typeof undefined
// "undefined"
利用這一點(diǎn),typeof可以用來(lái)檢查一個(gè)沒(méi)有聲明的變量,而不報(bào)錯(cuò)。
v
// ReferenceError: v is not defined
typeof v
// "undefined"
上面代碼中,變量v沒(méi)有用var命令聲明,直接使用就會(huì)報(bào)錯(cuò)。但是,放在typeof后面,就不報(bào)錯(cuò)了,而是返回undefined。
實(shí)際編程中,這個(gè)特點(diǎn)通常用在判斷語(yǔ)句。
// 錯(cuò)誤的寫法
if (v) {
// ...
}
// ReferenceError: v is not defined
// 正確的寫法
if (typeof v === "undefined") {
// ...
}
概述
null與undefined都可以表示“沒(méi)有”,含義非常相似。將一個(gè)變量賦值為undefined或null,老實(shí)說(shuō),語(yǔ)法效果幾乎沒(méi)區(qū)別。
var a = undefined;
// 或者
var a = null;
上面代碼中,變量a分別被賦值為undefined和null,這兩種寫法的效果幾乎等價(jià)。
在if語(yǔ)句中,它們都會(huì)被自動(dòng)轉(zhuǎn)為false,相等運(yùn)算符(==)甚至直接報(bào)告兩者相等。
if (!undefined) {
console.log('undefined is false');
}
// undefined is false
if (!null) {
console.log('null is false');
}
// null is false
undefined == null
// true
從上面代碼可見(jiàn),兩者的行為是何等相似!谷歌公司開(kāi)發(fā)的 JavaScript 語(yǔ)言的替代品 Dart 語(yǔ)言,就明確規(guī)定只有null,沒(méi)有undefined!
既然含義與用法都差不多,為什么要同時(shí)設(shè)置兩個(gè)這樣的值,這不是無(wú)端增加復(fù)雜度,令初學(xué)者困擾嗎?這與歷史原因有關(guān)。
1995年 JavaScript 誕生時(shí),最初像 Java 一樣,只設(shè)置了null表示”無(wú)”。根據(jù) C 語(yǔ)言的傳統(tǒng),null可以自動(dòng)轉(zhuǎn)為0。
Number(null) // 0
5 + null // 5
上面代碼中,null轉(zhuǎn)為數(shù)字時(shí),自動(dòng)變成0。
但是,JavaScript 的設(shè)計(jì)者 Brendan Eich,覺(jué)得這樣做還不夠。首先,第一版的 JavaScript 里面,null就像在 Java 里一樣,被當(dāng)成一個(gè)對(duì)象,Brendan Eich 覺(jué)得表示“無(wú)”的值最好不是對(duì)象。其次,那時(shí)的 JavaScript 不包括錯(cuò)誤處理機(jī)制,Brendan Eich 覺(jué)得,如果null自動(dòng)轉(zhuǎn)為0,很不容易發(fā)現(xiàn)錯(cuò)誤。
因此,他又設(shè)計(jì)了一個(gè)undefined。區(qū)別是這樣的:null是一個(gè)表示“空”的對(duì)象,轉(zhuǎn)為數(shù)值時(shí)為0;undefined是一個(gè)表示”此處無(wú)定義”的原始值,轉(zhuǎn)為數(shù)值時(shí)為NaN。
Number(undefined) // NaN
5 + undefined // NaN
用法和含義
對(duì)于null和undefined,大致可以像下面這樣理解。
null表示空值,即該處的值現(xiàn)在為空。調(diào)用函數(shù)時(shí),某個(gè)參數(shù)未設(shè)置任何值,這時(shí)就可以傳入null,表示該參數(shù)為空。比如,某個(gè)函數(shù)接受引擎拋出的錯(cuò)誤作為參數(shù),如果運(yùn)行過(guò)程中未出錯(cuò),那么這個(gè)參數(shù)就會(huì)傳入null,表示未發(fā)生錯(cuò)誤。
undefined表示“未定義”
下面是返回undefined的典型場(chǎng)景。
// 變量聲明了,但沒(méi)有賦值
var i;
i // undefined
// 調(diào)用函數(shù)時(shí),應(yīng)該提供的參數(shù)沒(méi)有提供,該參數(shù)等于 undefined
function f(x) {
return x;
}
f() // undefined
// 對(duì)象沒(méi)有賦值的屬性
var o = new Object();
o.p // undefined
// 函數(shù)沒(méi)有返回值時(shí),默認(rèn)返回 undefined
function f() {}
f() // undefined
五.對(duì)象類型
對(duì)象返回object。
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
上面代碼中,空數(shù)組([])的類型也是object,這表示在 JavaScript 內(nèi)部,數(shù)組本質(zhì)上只是一種特殊的對(duì)象。,instanceof運(yùn)算符可以區(qū)分?jǐn)?shù)組和對(duì)象。
var o = {};
var a = [];
o instanceof Array // false
a instanceof Array // true
null返回object。
typeof null // "object"
null的類型是object,這是由于歷史原因造成的。1995年的 JavaScript 語(yǔ)言第一版,只設(shè)計(jì)了五種數(shù)據(jù)類型(對(duì)象、整數(shù)、浮點(diǎn)數(shù)、字符串和布爾值),沒(méi)考慮null,只把它當(dāng)作object的一種特殊值。后來(lái)null獨(dú)立出來(lái),作為一種單獨(dú)的數(shù)據(jù)類型,為了兼容以前的代碼,typeof null返回object就沒(méi)法改變了。
函數(shù)返回function。
function f() {}
typeof f
// "function"