這篇文章主要介紹了Javascript類型系統(tǒng)之undefined和null的知識(shí)，通過本文還簡(jiǎn)單給大家介紹了javascript中null和undefined的區(qū)別的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

前面的話

一般的程序語言，表示空的只有null，但javascript的設(shè)計(jì)者Brendan Eich卻設(shè)計(jì)了一個(gè)undefined，這無疑增加了程序復(fù)雜度，但這樣做也是有一定原因的。本文將詳細(xì)介紹javascript中的undefined和null

歷史原因

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

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

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

但是，目前null和undefined基本是同義的，都是原始類型，且只有一些細(xì)微的差別

undefined

Undefined類型只有一個(gè)值，就是undefined。當(dāng)聲明的變量未初始化時(shí)，該變量的默認(rèn)值是undefined。所以一般地，undefined表示變量沒有初始化

var test;//undefined

console.log(test == undefined);//true

var test = undefined;//undefined

對(duì)于尚未聲明過的變量只能執(zhí)行一項(xiàng)操作，使用typeof操作符檢測(cè)其數(shù)據(jù)類型，但嚴(yán)格模式下會(huì)導(dǎo)致錯(cuò)誤

typeof(test);//undefined

【出現(xiàn)場(chǎng)景】

【1】已聲明未賦值的變量

【2】獲取對(duì)象不存在的屬性

【3】無返回值的函數(shù)的執(zhí)行結(jié)果

【4】函數(shù)的參數(shù)沒有傳入

【5】void(expression)

var i;

console.log(i);//undefined

var o = {};

console.log(o.p);//undefined

function f(){};

console.log(f());//undefined

function f(x){return x;}

console.log(f());//undefined

console.log(void(0));//undefined

【類型轉(zhuǎn)換】

Boolean(undefined):　 false

Number(undefined):　 NaN

String(undefined):　　'undefined'

null

Null類型只有一個(gè)值，就是null。null是javascript語言的關(guān)鍵字，它表示一個(gè)特殊值，常用來描述"空值"

邏輯角度看，null值表示一個(gè)空對(duì)象指針

[注意]null是空對(duì)象指針，而[]是空數(shù)組，{}是空對(duì)象，三者不相同

console.log(typeof null);//'object'

盡管null和undefined是不同的，但它們都表示"值的空缺"，null表示"空值"，undefined表示"未定義"。兩者往往可以互換。判斷相等運(yùn)算符==認(rèn)為兩者是相等的

console.log(null == undefined);//true

實(shí)際上，因?yàn)閡ndefined和null不是構(gòu)造器類型，所以它們沒有任何的屬性和方法，使用.和[]來存取這兩個(gè)值的成員或方法都會(huì)產(chǎn)生一個(gè)類型錯(cuò)誤

【類型轉(zhuǎn)換】

Boolean(null): 　　false

Number(null):　　 0

String(null): 　　 'null'

下面給大家介紹javascript中null和undefined的區(qū)別

undefined表示變量聲明但未初始化時(shí)的值，null表示準(zhǔn)備用來保存對(duì)象，還沒有真正保存對(duì)象的值。從邏輯角度看，null值表示一個(gè)空對(duì)象指針。

JavaScript（ECMAScript標(biāo)準(zhǔn)）里共有5種基本類型：Undefined, Null, Boolean, Number, String，和一種復(fù)雜類型Object。可以看到null和undefined分屬不同的類型，未初始化定義的值用typeof檢測(cè)出來是"undefined"(字符串)，而null值用typeof檢測(cè)出來是"object"（字符串）。

任何時(shí)候都不建議顯式的設(shè)置一個(gè)變量為undefined，但是如果保存對(duì)象的變量還沒有真正保存對(duì)象，應(yīng)該設(shè)置成null。

實(shí)際上，undefined值是派生自null值的，ECMAScript標(biāo)準(zhǔn)規(guī)定對(duì)二者進(jìn)行相等性測(cè)試要返回true，即

alert(null==undefined); // true