Javascript類型系統(tǒng)之undefined和null淺析
前面的話
一般的程序語言,表示空的只有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è)對象。但是,JavaScript的值分成原始類型和對象類型兩大類,Brendan Eich覺得表示”無”的值最好不是對象。其次,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è)表示”無”的對象,轉(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
對于尚未聲明過的變量只能執(zhí)行一項(xiàng)操作,使用typeof操作符檢測其數(shù)據(jù)類型,但嚴(yán)格模式下會(huì)導(dǎo)致錯(cuò)誤
typeof(test);//undefined
【出現(xiàn)場景】
【1】已聲明未賦值的變量
【2】獲取對象不存在的屬性
【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è)空對象指針
[注意]null是空對象指針,而[]是空數(shù)組,{}是空對象,三者不相同
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)備用來保存對象,還沒有真正保存對象的值。從邏輯角度看,null值表示一個(gè)空對象指針。
JavaScript(ECMAScript標(biāo)準(zhǔn))里共有5種基本類型:Undefined, Null, Boolean, Number, String,和一種復(fù)雜類型Object??梢钥吹絥ull和undefined分屬不同的類型,未初始化定義的值用typeof檢測出來是"undefined"(字符串),而null值用typeof檢測出來是"object"(字符串)。
任何時(shí)候都不建議顯式的設(shè)置一個(gè)變量為undefined,但是如果保存對象的變量還沒有真正保存對象,應(yīng)該設(shè)置成null。
實(shí)際上,undefined值是派生自null值的,ECMAScript標(biāo)準(zhǔn)規(guī)定對二者進(jìn)行相等性測試要返回true,即
alert(null==undefined); // true
- 處理JavaScript值為undefined的7個(gè)小技巧
- JavaScript undefined及null區(qū)別實(shí)例解析
- JavaScript中的null和undefined用法解析
- javascript中undefined的本質(zhì)解析
- JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
- javascript類型系統(tǒng)——undefined和null全面了解
- Javascript基礎(chǔ)_簡單比較undefined和null 值
- JavaScript必知必會(huì)(二) null 和undefined
- 辨析JavaScript中的Undefined類型與null類型
- JavaScript之不可靠的undefined
相關(guān)文章
微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實(shí)現(xiàn)
大家做小程序項(xiàng)目的時(shí)候肯定會(huì)遇到數(shù)據(jù)對接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請求模塊封裝的具體實(shí)現(xiàn),文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03JavaScript簡單獲取系統(tǒng)當(dāng)前時(shí)間完整示例
這篇文章主要介紹了JavaScript簡單獲取系統(tǒng)當(dāng)前時(shí)間的方法,涉及javascript針對日期與時(shí)間的判斷以及字符串組合的相關(guān)技巧,需要的朋友可以參考下2016-08-08JS數(shù)組返回去重后數(shù)據(jù)的方法解析
本文主要分享了Js數(shù)組返回去重后的數(shù)據(jù)的實(shí)例代碼。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01使用JavaScript實(shí)現(xiàn)一個(gè)小程序之99乘法表
這篇文章主要介紹了使用JavaScript實(shí)現(xiàn)一個(gè)小程序之99乘法表的相關(guān)資料,需要的朋友可以參考下2017-09-09使用layer彈窗提交表單時(shí)判斷表單是否輸入為空的例子
今天小編就為大家分享一篇使用layer彈窗提交表單時(shí)判斷表單是否輸入為空的例子,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09layui實(shí)現(xiàn)table加載的示例代碼
今天小編就為大家分享一篇layui實(shí)現(xiàn)table加載的示例代碼,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08JavaScript模擬實(shí)現(xiàn)"雙11"限時(shí)秒殺效果
每年的“雙11”啊,都是大家的剁手節(jié)。大家都在晚上12點(diǎn),捧著手機(jī)看著倒計(jì)時(shí),在他倒數(shù)到0的時(shí)候瘋狂點(diǎn)擊下單??墒悄阌袥]想過限時(shí)秒殺是怎么實(shí)現(xiàn)的呢?本文將為你揭秘如何用JavaScript實(shí)現(xiàn)限時(shí)秒殺,快來了解一下吧2022-03-03動(dòng)態(tài)加載js、css的實(shí)例代碼
這篇文章主要介紹了動(dòng)態(tài)加載js、css的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-05-05