undefined 是一個表示未定義或未賦值的原始值。它在以下情況下使用：

• 變量聲明了但未初始化時，默認為 undefined。

let x;
console.log(x); // undefined

• 訪問對象屬性或數(shù)組元素時，如果該屬性或元素不存在，則返回 undefined。

let obj = { name: "John", age: 30 };
console.log(obj.address); // undefined
let arr = [1, 2, 3];
console.log(arr[3]); //undefined

• 函數(shù)沒有明確返回值時，默認返回 undefined。

function foo() {
  // 沒有明確返回值
}
console.log(foo()); // undefined

相比之下，null 是一個表示空值或沒有對象引用的特殊值。它通常由程序員顯式賦予變量或?qū)傩?，表示該值為空。例如?/p>

let x = null;
console.log(x); // null

null 主要用于以下情況：

• 初始化一個變量，以便稍后將其設置為對象。

let obj = null; // 初始化為 null
obj = { name: "John", age: 30 }; // 后續(xù)設置為對象

• 表示函數(shù)的參數(shù)不具有對象引用。

function foo(arg) {
  if (arg === null) {
    console.log("參數(shù)為空");
  } else {
    console.log("參數(shù)不為空");
  }
}
foo(null); // 參數(shù)為空
foo("Hello"); // 參數(shù)不為空

需要注意的是，undefined 和 null 是不同的類型。undefined 是一個類型為 undefined 的值，而 null 是一個類型為 object 的值。然而，在相等性比較（== 或 ===）中，它們是相等的，因為它們都表示著相同的含義——空值。

console.log(undefined == null); // true
console.log(undefined === null); // false

在編程中，通常使用 undefined 來表示未定義或未賦值的狀態(tài)，使用 null 來表示有意地將一個值設置為空。

當涉及到undefined和null的更多細節(jié)時，還有一些要注意的事項：

• 類型檢查：

  • 使用 typeof 操作符檢查 undefined 值時，會返回字符串 "undefined"。
  • 使用 typeof 操作符檢查 null 值時，會返回字符串 "object"。這是一個歷史遺留問題，null 被錯誤地標識為對象類型。

let x;
console.log(typeof x); // "undefined"
let y = null;
console.log(typeof y); // "object"

默認參數(shù)值：

• 當函數(shù)的參數(shù)沒有傳遞或傳遞的值為 undefined 時，可以使用默認參數(shù)值。
• 當函數(shù)的參數(shù)傳遞 null 值時，會將 null 視為有效值，而不會觸發(fā)默認參數(shù)值。

function foo(x = "default") {
  console.log(x);
}
foo(); // "default"
foo(undefined); // "default"
foo(null); // null

安全導航操作符（Optional Chaining）：

• 使用安全導航操作符（?.）可以避免訪問對象屬性或調(diào)用方法時出現(xiàn) undefined 或 null 的錯誤。如果屬性或方法不存在，則會返回 undefined。

let obj = { name: "John", address: { city: "New York" } };
console.log(obj.address?.city); // "New York"
console.log(obj.address?.zipCode); // undefined

變量賦值：

• 在變量賦值時，undefined 被視為一個變量可以接收的有效值。
• 而 null 被視為一個特殊值，通常用于表示空或未定義的狀態(tài)。

let x = undefined;
console.log(x); // undefined
let y = null;
console.log(y); //  null

以上就是關于JS中的undefined與null詳解的詳細內(nèi)容，更多關于JS undefined與null的資料請關注腳本之家其它相關文章！

最新評論