前面的話
一般的程序語言,表示空的只有null,但javascript的設計者Brendan Eich卻設計了一個undefined,這無疑增加了程序復雜度,但這樣做也是有一定原因的。本文將詳細介紹javascript中的undefined和null
歷史原因
1995年JavaScript誕生時,最初像Java一樣,只設置了null作為表示”無”的值。根據C語言的傳統,null被設計成可以自動轉為0
但是,JavaScript的設計者Brendan Eich,覺得這樣做還不夠,有兩個原因。首先,null像在Java裡一樣,被當成一個對象。但是,JavaScript的值分成原始類型和對象類型兩大類,Brendan Eich覺得表示”無”的值最好不是對象。其次,JavaScript的最初版本沒有包括錯誤處理機制,發生數據類型不匹配時,往往是自動轉換類型或者默默地失敗。Brendan Eich覺得,如果null自動轉為0,很不容易發現錯誤
因此,Brendan Eich又設計了一個undefined。他是這樣區分的:null是一個表示”無”的對象,轉為數值時為0;undefined是一個表示”無”的原始值,轉為數值時為NaN
但是,目前null和undefined基本是同義的,都是原始類型,且只有一些細微的差別
undefined
Undefined類型只有一個值,就是undefined。當聲明的變量未初始化時,該變量的默認值是undefined。所以一般地,undefined表示變量沒有初始化
var test;//undefined console.log(test == undefined);//true var test = undefined;//undefined
對於尚未聲明過的變量只能執行一項操作,使用typeof操作符檢測其數據類型,但嚴格模式下會導致錯誤
typeof(test);//undefined
【出現場景】
【1】已聲明未賦值的變量
【2】獲取對象不存在的屬性
【3】無返回值的函數的執行結果
【4】函數的參數沒有傳入
【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
【類型轉換】
Boolean(undefined): false Number(undefined): NaN String(undefined): 'undefined'
null
Null類型只有一個值,就是null。null是javascript語言的關鍵字,它表示一個特殊值,常用來描述"空值"
邏輯角度看,null值表示一個空對象指針
[注意]null是空對象指針,而[]是空數組,{}是空對象,三者不相同
console.log(typeof null);//'object'
盡管null和undefined是不同的,但它們都表示"值的空缺",null表示"空值",undefined表示"未定義"。兩者往往可以互換。判斷相等運算符==認為兩者是相等的
console.log(null == undefined);//true
實際上,因為undefined和null不是構造器類型,所以它們沒有任何的屬性和方法,使用.和[]來存取這兩個值的成員或方法都會產生一個類型錯誤
【類型轉換】
Boolean(null): false Number(null): 0 String(null): 'null'
下面給大家介紹javascript中null和undefined的區別
undefined表示變量聲明但未初始化時的值,null表示准備用來保存對象,還沒有真正保存對象的值。從邏輯角度看,null值表示一個空對象指針。
JavaScript(ECMAScript標准)裡共有5種基本類型:Undefined, Null, Boolean, Number, String,和一種復雜類型Object。可以看到null和undefined分屬不同的類型,未初始化定義的值用typeof檢測出來是"undefined"(字符串),而null值用typeof檢測出來是"object"(字符串)。
任何時候都不建議顯式的設置一個變量為undefined,但是如果保存對象的變量還沒有真正保存對象,應該設置成null。
實際上,undefined值是派生自null值的,ECMAScript標准規定對二者進行相等性測試要返回true,即
alert(null==undefined); // true