JavaScript中typeof运算符介绍

封面图 • 2025-10-20 • JavaScript

在 JavaScript 中，`typeof` 是一个**一元运算符**（即只接受一个操作数的运算符），用于检测变量或表达式的**数据类型**。它返回一个表示该类型字符串。

---

## ✅ `typeof` 的基本用法：

```javascript
typeof operand;
```

其中 `operand` 是你要检查的数据。

---

## 🔍 `typeof` 返回值说明：

| 类型           | 返回值        |
|----------------|---------------|
| `undefined`    | `"undefined"` |
| `null`         | `"object"`    |
| `boolean`      | `"boolean"`   |
| `number`       | `"number"`    |
| `string`       | `"string"`    |
| `symbol`       | `"symbol"`    |
| `bigint`       | `"bigint"`    |
| `function`     | `"function"`  |
| `object`       | `"object"`    |

> ⚠️ 注意：`typeof null` 返回 `"object"`，这是 JavaScript 的一个历史遗留问题。

---

## 🧪 示例代码：

```javascript
console.log(typeof undefined); // "undefined"
console.log(typeof null);      // "object"
console.log(typeof true);      // "boolean"
console.log(typeof 42);        // "number"
console.log(typeof "hello");   // "string"
console.log(typeof Symbol());  // "symbol"
console.log(typeof BigInt(9007199254740991)); // "bigint"
console.log(typeof function() {}); // "function"
console.log(typeof {});        // "object"
console.log(typeof []);        // "object"（数组是对象的一种）
```

---

## 🧠 注意事项：

1. **`typeof` 不能判断对象的具体类型**（如数组、正则等），只能判断为 `"object"`。
   ```javascript
   typeof [] === 'object'; // true
   typeof /regex/ === 'object'; // true
   ```

2. **对于函数**，`typeof` 返回 `"function"`：
   ```javascript
   typeof function() {} === 'function'; // true
   ```

3. **对于未声明的变量**，使用 `typeof` 不会报错，而是返回 `"undefined"`：
   ```javascript
   console.log(typeof x); // "undefined"（x 未声明）
   ```

---

## 🛠️ 实际应用场景：

- 检查变量是否为某个特定类型（如判断是否为数字、字符串等）。
- 在函数中进行类型校验。
- 避免对 `null` 或 `undefined` 进行操作时出错。

---

## ✅ 总结：

| 表达式             | 结果         |
|--------------------|--------------|
| `typeof undefined` | `"undefined"` |
| `typeof null`      | `"object"`    |
| `typeof true`      | `"boolean"`   |
| `typeof 123`       | `"number"`    |
| `typeof "abc"`     | `"string"`    |
| `typeof {}`        | `"object"`    |
| `typeof function()`| `"function"`  |

如果你有更具体的使用场景或问题，欢迎继续提问！