js 判断undefined和null

JS 判断 undefined 和 null

在 JavaScript 中， undefined 和 null 都表示没有值，但两者有区别。undefined 表示尚未定义；null 表示已定义但为空。判断未定义和空值是 JavaScript 开发的常见操作之一，下面将从多个角度分析如何判断 undefined 和 null。

1. 使用 typeof 操作符

typeof 操作符可返回操作数的数据类型。当操作数未定义时，返回 "undefined"；当操作数为空时，返回 "object"。因此，使用 typeof 操作符可判断一个变量是否为 undefined 或 null。

如下是一个示例代码：

```

let x;

console.log(typeof x); // output: "undefined"

let y = null;

console.log(typeof y); // output: "object"

```

2. 使用严格相等运算符

严格相等运算符（===）可判断值和数据类型是否相等。使用严格相等运算符判断 undefined 和 null，因为它们的数据类型不同，所以需要分别判断。

如下是一个示例代码：

```

let x;

if (x === undefined) {

console.log("x is undefined");

}

let y = null;

if (y === null) {

console.log("y is null");

}

```

3. 使用 typeof 和严格相等运算符

结合使用 typeof 和严格相等运算符可以更精确地判断变量的状态。

如下是一个示例代码：

```

let x;

if (typeof x === "undefined") {

console.log("x is undefined");

}

let y = null;

if (y === null) {

console.log("y is null");

}

```

4. 使用 nullish coalescing 运算符

nullish coalescing 运算符（??）用于判断一个变量是否为 null 或 undefined。如果变量为 null 或 undefined，则返回默认值。

如下是一个示例代码：

```

let x = null;

let y = x ?? "default value";

console.log(y); // output: "default value"

```

5. 使用 Optional chaining 运算符

Optional chaining 运算符（?.）用于判断变量是否为 null 或 undefined，并且在访问变量的属性或方法时避免出现错误。

如下是一个示例代码：

```

let obj = {

property: {

method: function() {

console.log("Hello");

}

}

};

// 判断对象和属性是否存在，并调用方法

obj?.property?.method(); // output: "Hello"

let emptyObj = {};

// 判断对象和属性是否存在，并调用方法

emptyObj?.property?.method(); // output: undefined

```

结论

本文从使用 typeof 操作符、严格相等运算符、nullish coalescing 运算符和 Optional chaining 运算符等角度分析了如何判断 undefined 和 null。了解如何判断变量状态可以帮助开发人员编写更健壮的代码。