首頁 > web前端 > js教程 > 詳細解讀在javascript中undefined和null的理解

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

亚连
發布: 2018-05-19 16:37:17
原創
1876 人瀏覽過

下面我就為大家帶來一篇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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板