JS null vs undefined - Javascript

在 JavaScript 中，null 和 undefined 是两个特殊的值，用于表示变量的空值或缺失值。虽然它们看起来相似，但它们有着不同的含义和用法。本文将详细介绍 null 和 undefined 的区别以及它们的用法。

undefined

undefined 表示一个未定义的变量。它是一个 type 值为 undefined 的全局变量。当我们声明了一个变量但没有给它赋值时，它的初始值就是 undefined。

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

在以下情况下，我们也可以得到 undefined：

• 访问对象中不存在的属性

  let obj = {};
  console.log(obj.property);  // undefined
  

• 函数没有返回值

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

• 函数参数未被传递

  function bar(x) {
    console.log(x);  // undefined
  }
  
  bar();  // 未传递参数
  

undefined 表示一个变量已经声明但尚未赋值，或者表示函数没有返回值。

null

null 表示一个被明确赋值为“空”的变量。它是一个 type 值为 object 的全局变量。当我们想要表达一个变量确实没有值时，可以将其赋值为 null。

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

null 常用于以下情况：

• 当我们想要清空一个变量的值时

  let z = "hello";
  z = null;    // 清空变量的值
  console.log(z);  // null
  

• 表示某个对象没有指向一个有效的对象

  let obj = null;  // obj 不指向任何对象
  console.log(obj);  // null
  

null 表示一个变量被明确赋值为“空”。

区别

尽管 null 和 undefined 都表示“空值”，但它们在以下方面有所不同：

• 类型

  null 的类型是 object，undefined 的类型是 undefined。

• 值

  null 是一个特定的对象值，表示变量被明确赋值为空，而 undefined 表示变量未定义或未赋值。

• 用法

  undefined 用于表示函数没有返回值或变量尚未赋值，而 null 用于表示变量已经被赋值为空或对象不指向有效的对象。

总结

null 和 undefined 是 JavaScript 中用于表示变量的空值或缺失值的特殊值。它们的含义和用法有所不同。理解它们的区别对于编写高质量的 JavaScript 代码非常重要。

• undefined 表示一个变量未定义或未赋值。
• null 表示一个变量被明确赋值为空。
• undefined 用于表示函数没有返回值或变量尚未赋值。
• null 用于表示变量已经被赋值为空或对象不指向有效的对象。

谨慎使用 null 和 undefined，并根据上下文正确处理它们，以确保代码的可读性和健壮性。

参考资料：

• MDN Web Docs: undefined
• MDN Web Docs: null