一文让你彻底弄懂js中undefined和null的区别

在 JavaScript 中，undefined 和 null 都代表着一种空值。但是它们是有区别的，接下来我们就以具体实例为例逐一讲解它们之间的差异。

undefined

JavaScript 中，当一个变量被声明未赋值时，它的值就是 undefined。

let a;
console.log(a); // 输出 undefined

当访问一个不存在的对象属性时，它的值也是 undefined。

let obj = {
  name: 'Tom'
};
console.log(obj.age); // 输出 undefined

当函数没有传递参数时，调用函数参数的值就是 undefined。

function test(arg) {
  console.log(arg);
}
test(); // 输出 undefined

null

而 null 则代表着一个空对象指针，它代表着一个没有任何值的对象。

let a = null;
console.log(a); // 输出 null

区别

• 空指针和未定义不同，因为空指针代表着某个变量指向一个空的对象，而未定义则代表这个变量根本不存在。

• 当函数并未传递实参时，为了避免参数被隐式地转换为 undefined，适当考虑使用 null 。

function test(arg) {
  if (arg === null) {
    console.log('arg is null');
  }
  else if (arg === undefined) {
    console.log('arg is undefined');
  }
}
test(null); // 输出 arg is null
test(); // 输出 arg is undefined

• 在 JavaScript 中，undefined 是原始值类型，而 null 是一个特殊的对象，所以在比较它们时要使用全等符号（===）来做比较。

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

总之，在 JavaScript 中，undefined 表示缺少某个值或变量，而 null 表示一个空的对象引用。在实际应用中，我们必须区分它们之间的差异，避免在使用时出现错误。

参考文献：MDN Web Docs

以上就是关于 JavaScript 中 undefined 和 null 的区别的详细讲解，希望能对您有所帮助。