js 判断undefined

JavaScript 是一门广泛使用的脚本语言，在前端开发中经常被使用。在使用 JavaScript 的过程中，有时会遇到诸如 undefined、null、空字符串等数据类型。在本文中，我们将重点讨论如何判断 JavaScript 中的 undefined。

## 一、什么是 undefined？

JavaScript 中的 undefined 是一种数据类型，表示一个值未被定义，或者对象属性不存在。例如：

```javascript

var a;

console.log(a); // undefined

var obj = {

name: 'John'

}

console.log(obj.age); // undefined

```

## 二、如何判断 undefined？

### 1. typeof

使用 typeof，可以判断变量是否为 undefined。

```javascript

var a;

console.log(typeof a === 'undefined'); // true

var obj = {

name: 'John'

}

console.log(typeof obj.age === 'undefined'); // true

```

### 2. undefined 关键字

在 JavaScript 中，undefined 是一个全局变量，判断一个变量是否为 undefined，可以直接和 undefined 进行比较。

```javascript

var a;

console.log(a === undefined); // true

var obj = {

name: 'John'

}

console.log(obj.age === undefined); // true

```

### 3. in 操作符

使用 in 操作符，可以判断一个对象是否具有某个属性。如果该对象属性不存在，则返回 true。

```javascript

var obj = {

name: 'John'

}

console.log('age' in obj); // false

console.log('name' in obj); // true

```

### 4. 判断值是否为空

判断 undefined 值还可以使用判断一个值是否为空。

```javascript

var a;

console.log(!a); // true

var obj = {

name: 'John'

}

console.log(!obj.age); // true

```

## 三、注意事项

在判断 undefined 的过程中，需要注意以下几点：

### 1. 直接比较 undefined 和变量

在 JavaScript 中，undefined 并不是一个保留字。当 undefined 作为变量时，在未声明过该变量时，会抛出 ReferenceError 的错误。因此，正确的判断方式是和 typeof 或者使用 void 运算符。

```javascript

// 报错

if (undefined === abc) {}

// 正确

if (typeof abc === 'undefined') {}

// 正确

if (void 0 === abc) {}

```

### 2. 尽量避免使用 undefined 赋值

undefined 是 JavaScript 中的一个内置变量，但是我们不应该使用 undefined 来赋值。如果需要赋值，可以使用 null。

```javascript

// 不推荐

var abc = undefined;

// 推荐

var abc = null;

```

### 3. 谨慎使用全局变量

在 JavaScript 中，undefined 是一个全局变量，单独使用时没有明确特定的含义，最好不要使用全局变量。

## 四、结论

在 JavaScript 中，判断 undefined 可以使用 typeof、undefined 全局变量、in 操作符以及判断值是否为空的方式。在使用时，需要注意不要和 undefined 直接比较，尽量避免使用 undefined 赋值，以及谨慎使用全局变量。