我所知道的JavaScript之undefined和null的區(qū)別

hatlonely 發(fā)布于2019-08-22 15:15 / 1901人閱讀

摘要：是全局對(duì)象的一個(gè)屬性，當(dāng)聲明了一個(gè)變量而未初始化時(shí)，得到的就是。作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對(duì)象。作為對(duì)象原型鏈的終點(diǎn)。表示缺少值，此處應(yīng)該有值，但未定義。因此和的值相等而類型不相等。數(shù)字運(yùn)算不相同這是由于約定的不同所決定的。

對(duì)于undefined和null我一直知道他們有很多區(qū)別，也知道一點(diǎn)關(guān)于他們的區(qū)別，但卻不具體系統(tǒng)，因此總結(jié)了一下，主要心得如下：

我們要區(qū)分它們，首先要明確這兩個(gè)值所代表的意義：

null 是一個(gè) JavaScript字面量，表示空值，即沒有對(duì)象被呈現(xiàn)，它是JavaScript的原始值之一，使用typeof運(yùn)算得到 “object”。

undefined 是全局對(duì)象的一個(gè)屬性，當(dāng)聲明了一個(gè)變量而未初始化時(shí)，得到的就是undefined。

具體表現(xiàn)如下:

a;
console.log(a);
//Uncaught ReferenceError: a is not defined

var b = null;
console.log(b); //null

而它們出現(xiàn)的情景也各不相同，具體總結(jié)如下：

null:即表示為空，沒有對(duì)象。

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

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

undefined：表示缺少值，此處應(yīng)該有值，但未定義。

變量被聲明了，但沒有值，此時(shí)為undefined

調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒有提供，此時(shí)為undefined

對(duì)象沒有賦值的屬性，此屬性值為undefined

函數(shù)沒有返回值，默認(rèn)返回undefined

null與undefined的區(qū)別主要體現(xiàn)在以下三點(diǎn):

1.值相等而類型不相等

var x;
var y = null;
console.log(x == y); //ture
console.log(x ===y); //false

在上面的代碼中 == 會(huì)繼續(xù)類型轉(zhuǎn)換，且值是相等的，所以會(huì)得出 ture；而在
=== 中則不會(huì)發(fā)生類型轉(zhuǎn)換所以得出的是 false。因此undefined和null的值相等而類型不相等。

2.數(shù)字運(yùn)算不相同

1+null 
//1

1+undefined 
//NaN

這是由于約定的不同所決定的。在規(guī)定中數(shù)字與undefined運(yùn)算時(shí)，結(jié)果都NaN。在與null運(yùn)算時(shí)，null始終為0。

3.具體作法不一樣

當(dāng)我們想要判斷一個(gè)值是否存在可以這樣寫：

objA.valueA === undefined

而當(dāng)我們想要判斷一個(gè)對(duì)象是否為空時(shí)可以這么寫：

objA.valueA == null

最后借一波MDN總結(jié)的null和undefined的區(qū)別的代碼：

typeof null         // object (因?yàn)橐恍┮郧暗脑蚨皇?null")
typeof undefined    // undefined
null === undefined  // false
null  == undefined  // true
null === null  // true
null == null  // true
!null //true
isNaN(1 + null)  // false
isNaN(1 + undefined)  // true