詳細解讀在javascript中undefined和null的理解

下面我就為大家帶來一篇javascript類型系統－undefined和null全面了解。現在就分享給大家，也給大家做個參考。

前面的話

一般的程式語言，表示空的只有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基本上是同義的，都是原始型，而且只有一些細微的差別

undefinedUndefined型別只有一個值，就是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

#　　【5】void(expression)

Boolean(undefined):　 false
Number(undefined):　 NaN
String(undefined):　　'undefined'

#【型別轉換】

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

null

Null型別只有一個值，就是null。 null是javascript語言的關鍵字，它表示一個特殊值，常用來描述"空值"

邏輯角度看，null值表示一個空物件指標

[注意]null是空物件指針，而[]是空數組，{}是空對象，三者不相同

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

儘管null和undefined是不同的，但它們都表示"值的空缺"，null表示"空值"，undefined表示"未定義"。兩者往往可以互換。判斷相等運算子==認為兩者是相等的

Boolean(null): 　　false
Number(null):　　 0
String(null): 　　 'null'

 實際上，因為undefined和null不是構造器類型，所以它們沒有任何的屬性和方法，使用.和[]來存取這兩個值的成員或方法都會產生一個型別錯誤

【型別轉換】

rrreee

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：
JavaScript函數運算式（圖文教學）

Javascript繼承機制(詳細解答，圖文教學)

Javascript建立類別與物件（圖文教學）

######

以上是詳細解讀在javascript中undefined和null的理解的詳細內容。更多資訊請關注PHP中文網其他相關文章！