一、概念定义

1. `undefined`

在 JavaScript 中，`undefined`是一个原始数据类型。它表示一个变量已经声明，但尚未被赋值。

let variable;

console.log(variable);

// 输出：undefined

另外，函数没有明确的返回值时，默认返回`undefined`。

function myFunction() {

  // 没有return语句

}

console.log(myFunction());

// 输出：undefined

2. `null`

`null`也是一个原始数据类型，它表示“空值”，通常用于表示一个有意的、明确的空引用。

let myObject = null;

二、数据类型比较

虽然`undefined`和`null`都表示某种程度上的“无”，但它们的数据类型是不同的。可以使用`typeof`运算符来检查它们的类型：

console.log(typeof undefined);

// 输出：undefined

console.log(typeof null);

// 输出：object（这是JavaScript中的一个历史遗留问题，实际上null是原始类型）

三、相等性比较

宽松相等（`==`）比较：在使用`==`进行比较时，`undefined`和`null`被认为是相等的。

console.log(undefined == null);

// 输出：true

严格相等（`===`）比较：当使用`===`进行比较时，`undefined`和`null`是不相等的，因为它们的数据类型不同。

console.log(undefined === null);

// 输出：false

四、使用场景和最佳实践

1. `undefined`的使用场景

用于检查变量是否已经被赋值。在函数参数传递中，如果没有给参数赋值，在函数内部可以通过判断参数是否为`undefined`来确定是否有值传入。

function printName(name) {

  if (name === undefined) {

    console.log("No name provided.");

  } else {

    console.log("Name: " + name);

  }

}

printName();

// 输出：No name provided.

作为对象属性不存在时的默认返回值。当访问一个对象中不存在的属性时，返回值为`undefined`。

let myObject = {

  name: "John",

};

console.log(myObject.age);

// 输出：undefined

2. `null`的使用场景

当需要表示一个对象引用为空时使用。

let myArray = [1, 2, 3];

myArray = null;