分析JS中undefined與null在使用上的根本區(qū)別

大多數(shù)計(jì)算機(jī)語言,有且僅有一個(gè)表示"無"的值,比如,C語言的NULL,Java語言的null,Python語言的None,Ruby語言的nil。

有點(diǎn)奇怪的是,Java語言居然有兩個(gè)表示"無"的值:undefined和null。這是為什么?科多大數(shù)據(jù)帶你來看看。

在Java中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會(huì)使Java的開發(fā)人員產(chǎn)生疑惑,在什么時(shí)候是Null,什么時(shí)候又是Undefined?

Undefined類型只有一個(gè)值,即undefined。當(dāng)聲明的變量還未被初始化時(shí),變量的默認(rèn)值為undefined。

Null類型也只有一個(gè)值,即null。null用來表示尚未存在的對(duì)象,常用來表示函數(shù)企圖返回一個(gè)不存在的對(duì)象。

js 代碼

var oValue;

alert(oValue == undefined); //output "true"

這段代碼顯示為true,代表oVlaue的值即為undefined,因?yàn)槲覀儧]有初始化它。

js 代碼

alert(null == document.getElementById('notExistElement'));

當(dāng)頁面上不存在id為"notExistElement"的DOM節(jié)點(diǎn)時(shí),這段代碼顯示為"true",因?yàn)槲覀儑L試獲取一個(gè)不存在的對(duì)象。

js 代碼

alert(typeof undefined); //output "undefined"

alert(typeof null); //output "object"

第一行代碼很容易理解,undefined的類型為Undefined;第二行代碼卻讓人疑惑,為什么null的類型又是Object了呢?其實(shí)這是Java最初實(shí)現(xiàn)的一個(gè)錯(cuò)誤,后來被ECMA沿用下來。在今天我們可以解釋為,null即是一個(gè)不存在的對(duì)象的占位符,但是在實(shí)際編碼時(shí)還是要注意這一特性。

js 代碼

alert(null == undefined); //output "true"

ECMA認(rèn)為undefined是從null派生出來的,所以把它們定義為相等的。但是,如果在一些情況下,我們一定要區(qū)分這兩個(gè)值,那應(yīng)該怎么辦呢?可以使用下面的兩種方法。

js 代碼

alert(null === undefined); //output "false"

alert(typeof null == typeof undefined); //output "false"

使用typeof方法在前面已經(jīng)講過,null與undefined的類型是不一樣的,所以輸出"false"。而===代表絕對(duì)等于,在這里null === undefined輸出false。

歷史原因

在《Speaking Java》中發(fā)現(xiàn)了這個(gè)問題的答案!

原來,這與Java的歷史有關(guān)。1995年Java誕生時(shí),最初像Java一樣,只設(shè)置了null作為表示"無"的值。

根據(jù)C語言的傳統(tǒng),null被設(shè)計(jì)成可以自動(dòng)轉(zhuǎn)為0。

Number(null)// 0

5 + null// 5

但是,Java的設(shè)計(jì)者Brendan Eich,覺得這樣做還不夠,有兩個(gè)原因。

首先,null像在Java里一樣,被當(dāng)成一個(gè)對(duì)象。但是,Java的數(shù)據(jù)類型分成原始類型(primitive)和合成類型(complex)兩大類,Brendan Eich覺得表示"無"的值最好不是對(duì)象。

其次,Java的最初版本沒有包括錯(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ū)分,在實(shí)踐中很快就被證明不可行。目前,null和undefined基本是同義的,只有一些細(xì)微的差別。

null表示"沒有對(duì)象",即該處不應(yīng)該有值。典型用法是:

(1) 作為函數(shù)的參數(shù),表示該函數(shù)的參數(shù)不是對(duì)象。

(2) 作為對(duì)象原型鏈的終點(diǎn)。

Object.getPrototypeOf(Object.prototype)// null

undefined表示"缺少值",就是此處應(yīng)該有一個(gè)值,但是還沒有定義。典型用法是:

(1)變量被聲明了,但沒有賦值時(shí),就等于undefined。

(2) 調(diào)用函數(shù)時(shí),應(yīng)該提供的參數(shù)沒有提供,該參數(shù)等于undefined。

(3)對(duì)象沒有賦值的屬性,該屬性的值為undefined。

(4)函數(shù)沒有返回值時(shí),默認(rèn)返回undefined。

var i;

i // undefined

function f(x){console.log(x)}

f() // undefined

var o = new Object();

o.p // undefined

var x = f();

x // undefined

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一章: JS簡介 從當(dāng)初簡單的語言,變成了現(xiàn)在能夠處理復(fù)雜計(jì)算和交互,擁有閉包、匿名函數(shù), 甚至元編程等...
    LaBaby_閱讀 1,761評(píng)論 0 6
  • 在JavaScript中存在這樣兩種原始類型:Null與Undefined。這兩種類型常常會(huì)使JavaScript...
    SunshineYSQ閱讀 411評(píng)論 0 0
  • 原文鏈接:http://www.cnblogs.com/eastday/archive/2010/03/03/16...
    老95閱讀 450評(píng)論 0 1
  • 前端07班 王語句JavaScript程序的執(zhí)行單位為行(line),也就是一行一行地執(zhí)行。一般情況下,每一行就是...
    ea203453e188閱讀 990評(píng)論 0 4
  • 皚如山上雪,皎若云間月。聞君有兩意,故來相決絕。今日斗酒會(huì),明旦溝水頭。躞蹀御溝上,溝水東西流。凄凄重凄凄,嫁娶亦...
    愛鳶尾的魚予閱讀 356評(píng)論 3 0

友情鏈接更多精彩內(nèi)容