目錄

• 前言
• 定義
• 異同點
• 實際應用
• 總結
• 1.JS 中如何判斷 undefined
• 2.JS 中如何判斷 null

前言

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

定義

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

異同點

相同點：

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

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

不同點：

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

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

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的值被設置為null，而secval沒有被賦值，因此它的值是undefined。當我們使用console.log()函數打印這兩個變量時，分別輸出了null和undefined。當我們使用typeof運算符檢查這兩個變量的類型時，分別輸出了object和undefined,同時需要注意null與undefined本質上是不同，當使用雙等時輸出為true相信大家應該都有所了解，沒錯，因為在 JavaScript 里，雙等號判斷相等時會進行隱式類型轉換，所以是不嚴格的。

實際應用

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

以下便是一個null應用場景：

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

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

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

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

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

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

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

• 當函數沒有返回值時，默認返回undefined。

總結

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

補：

1.JS 中如何判斷 undefined

JavaScript 中有兩個特殊數據類型：undefined 和 null，下節介紹了 null 的判斷，下面談談 undefined 的判斷。

以下是不正確的用法：

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

exp 為 null 時，也會得到與 undefined 相同的結果，雖然 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 相同的結果，雖然 null 和 undefined 不一樣。注意：要同時判斷 null 和 undefined 時可使用本法。

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

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

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 這個函數。

以下是正確的用法：

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

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