目錄

• 前言
• 定義
• 異同點
• 實際應(yīng)用
• 總結(jié)
• 1.JS 中如何判斷 undefined
• 2.JS 中如何判斷 null

前言

在JavaScript中，null和undefined是兩個常見的數(shù)據(jù)類型，但總是在使用時由于對兩者區(qū)別不清而導(dǎo)致錯誤，今天就讓我們一起來看看這兩種類型的區(qū)別。

定義

首先讓我們來看看兩者的定義： null是JavaScript中的一個特殊值，表示“空值”或“無值”。當(dāng)我們想要表示某個變量不包含任何值時，就可以將其設(shè)置為null。 undefined是JavaScript中的另一種特殊值，表示“未定義的值”。當(dāng)我們聲明一個變量但沒有給它賦值時，該變量的值就是undefined。

異同點

相同點：

• undefined和null被轉(zhuǎn)換為布爾值的時候，兩者都為false
• undefined==null，結(jié)果為true都表示一個空值，兩者判斷值相等上是一樣的

盡管null和undefined都表示“無值”，但它們之間還是有一些區(qū)別的。

不同點：

• null表示一個空對象指針，而undefined表示一個未定義的值。
• 當(dāng)我們聲明一個變量但沒有給它賦值時，該變量的值就是undefined。當(dāng)我們想要明確地表示某個變量不包含任何值時，就可以將其設(shè)置為null。
• 如果我們使用typeof運算符檢查一個null值時，返回的結(jié)果是“object”。而如果檢查一個未聲明的變量時，返回的結(jié)果是undefined。
• undefined不是關(guān)鍵字，而null是關(guān)鍵字
• undefined本質(zhì)上是window的一個屬性，而null是一個對象

接下來就讓我們來結(jié)合一些小小的例子來進行理解：

let firval = null;
let secval;
console.log(firval == secval); // 輸出：true
console.log(firval === secval); // 輸出：false
console.log(firval); // 輸出：null
console.log(secval); // 輸出：undefined
console.log(typeof firval); // 輸出：object
console.log(typeof secval); // 輸出：undefined

在上面的示例中，我們聲明了兩個變量firval和secval。firval的值被設(shè)置為null，而secval沒有被賦值，因此它的值是undefined。當(dāng)我們使用console.log()函數(shù)打印這兩個變量時，分別輸出了null和undefined。當(dāng)我們使用typeof運算符檢查這兩個變量的類型時，分別輸出了object和undefined,同時需要注意null與undefined本質(zhì)上是不同，當(dāng)使用雙等時輸出為true相信大家應(yīng)該都有所了解，沒錯，因為在 JavaScript 里，雙等號判斷相等時會進行隱式類型轉(zhuǎn)換，所以是不嚴(yán)格的。

實際應(yīng)用

在實際的開發(fā)中，我們經(jīng)常需要使用null和undefined在某些特殊的情景。例如，當(dāng)我們從服務(wù)器獲取數(shù)據(jù)時，如果數(shù)據(jù)不存在，我們可能會將返回值設(shè)置為null或undefined。這樣做可以幫助我們更好地處理數(shù)據(jù)并避免出現(xiàn)錯誤。

以下便是一個null應(yīng)用場景：

function getData() {
  let data = null;
  // 如果數(shù)據(jù)不存在，返回null
  if (!data) {
    return null;
  }
  // 處理數(shù)據(jù)
  // ...
  // 如果處理成功，返回處理結(jié)果
  return result;
}

在上面的示例中，我們定義了一個名為getData的函數(shù)，用于獲取數(shù)據(jù)并處理它。如果數(shù)據(jù)不存在，我們將返回值設(shè)置為null。否則，我們將處理數(shù)據(jù)并返回處理結(jié)果。

除此之外，null還有一個前端人員都熟悉的作用:作為對象原型鏈的終點

對于undefined的作用，這里大致列舉以下幾種：

• 如果變量聲明了，但沒有賦值，它就等于undefined 。

• 函數(shù)中的參數(shù)沒有給時，該參數(shù)就等于undefined 。

• 對象沒有進行賦值，該屬性的值為undefined。

• 當(dāng)函數(shù)沒有返回值時，默認(rèn)返回undefined。

總結(jié)

在本文中，我們簡單探討了JavaScript中的null和undefined類型，需要記住的是，null表示一個空對象指針，而undefined表示一個未定義的值。當(dāng)我們想要明確地表示某個變量不包含任何值時，就可以將其設(shè)置為null。而當(dāng)我們聲明一個變量但沒有給它賦值時，該變量的值就是undefined。

補：

1.JS 中如何判斷 undefined

JavaScript 中有兩個特殊數(shù)據(jù)類型：undefined 和 null，下節(jié)介紹了 null 的判斷，下面談?wù)?undefined 的判斷。

以下是不正確的用法：

var exp = undefined;
if (exp == undefined)
{
    alert("undefined");
}

exp 為 null 時，也會得到與 undefined 相同的結(jié)果，雖然 null 和 undefined 不一樣。注意：要同時判斷 undefined 和 null 時可使用本法。

var exp = undefined;
if (typeof(exp) == undefined)
{
    alert("undefined");
}

以下是正確的用法：

var exp = undefined;
if (typeof(exp) == "undefined")
{
    alert("undefined");
}

2.JS 中如何判斷 null

以下是不正確的用法：

var exp = null;?
if (exp == null)?
{?
alert(“is null”);?
}

exp 為 undefined 時，也會得到與 null 相同的結(jié)果，雖然 null 和 undefined 不一樣。注意：要同時判斷 null 和 undefined 時可使用本法。

var exp = null;?
if (!exp)?
{?
alert(“is null”);?
}

如果 exp 為 undefined 或者數(shù)字零，也會得到與 null 相同的結(jié)果，雖然 null 和二者不一樣。注意：要同時判斷 null、undefined 和數(shù)字零時可使用本法。

var exp = null;?
if (typeof(exp) == “null”)?
{?
alert(“is null”);?
}

為了向下兼容，exp 為 null 時，typeof 總返回 object。

var exp = null;?
if (isNull(exp))?
{?
alert(“is null”);?
}

JavaScript 中沒有 isNull 這個函數(shù)。

以下是正確的用法：

var exp = null; 
if (!exp && typeof(exp)!=”undefined” && exp!=0) 
{ 
alert(“is null”); 
}

 到此這篇關(guān)于JS中null和undefined的區(qū)別的文章就介紹到這了,更多相關(guān)JS null undefined內(nèi)容請搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持！