JavaScript 中 null 和 undefined 有什么区别

Java

JavaScript中的null和undefined是两个特殊的值，它们在使用过程中有着一些区别。

区别一：定义和赋值

在JavaScript中，undefined是一个表示“未定义”的值。当我们声明一个变量但未给它赋值时，这个变量的值就是undefined。例如：

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

null则表示一个空值或者不存在的对象。它是一个被明确赋值的特殊值。例如：

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

区别二：数据类型

undefined是一个数据类型，它表示一个变量已经声明但尚未赋值。null也是一个数据类型，它表示一个变量被明确赋值为空值。

区别三：类型判断

在JavaScript中，使用typeof操作符可以判断一个变量的类型。当变量为undefined时，typeof操作符返回"undefined"。当变量为null时，typeof操作符返回"object"。例如：

Javascript
let a;
let b = null;
console.log(typeof a); // 输出"undefined"
console.log(typeof b); // 输出"object"

区别四：对象属性

当访问一个对象不存在的属性时，返回的值是undefined。例如：

Javascript
let person = {
  name: "John",
  age: 20
};
console.log(person.gender); // 输出undefined

当我们将一个属性的值设为null时，表示该属性的值为空。例如：

Javascript
person.age = null;
console.log(person.age); // 输出null

区别五：函数参数

在JavaScript中，当函数的参数没有传递值时，它们的默认值是undefined。例如：

Javascript
function greet(name) {
  if (name === undefined) {
    console.log("Hello, undefined!");
  } else {
    console.log("Hello, " + name + "!");
  }
}
greet(); // 输出"Hello, undefined!"

如果我们将参数的值设为null，表示该参数的值为空。例如：

Javascript
function greet(name) {
  if (name === null) {
    console.log("Hello, null!");
  } else {
    console.log("Hello, " + name + "!");
  }
}
greet(null); // 输出"Hello, null!"

在JavaScript中，null表示空值或不存在的对象，而undefined表示未定义的值。它们在定义和赋值、数据类型、类型判断、对象属性以及函数参数等方面都有所区别。了解它们的区别有助于我们在编程中正确地处理和判断变量的状态。