JS进阶必看！typeof操作符详解与数据类型大揭秘

想要精通 JavaScript？`typeof` 操作符是你的必备技能！本文将带你全面解密 `typeof`，深入了解它能检测的各种数据类型，包括 `number`、`string`、`boolean`、`undefined`、`object`（需注意 `null` 的特殊性）、`function`、`symbol` 以及 `bigint`。我们将详细讲解 `typeof` 的使用方法和适用范围，并提供实用建议，例如判断数组时应使用 `Array.isArray()`，更复杂的对象类型建议使用 `Object.prototype.toString.call()`。掌握 `typeof` 的细节，助你在 JS 进阶之路上更进一步！

typeof操作符在JavaScript中用于检测变量的数据类型，它能识别的基本类型包括：1."number"、2."string"、3."boolean"、4."undefined"、5."object"（含null）、6."function"、7."symbol"、8."bigint"；但需要注意typeof null返回"object"是历史问题，并不代表null是对象；判断数组应使用Array.isArray()，更复杂的对象类型建议用Object.prototype.toString.call()来判断。

在JavaScript中，typeof 是一个常用的操作符，用来检测变量的数据类型。它能识别一些基本数据类型，但也有局限性。下面我们就来看看它的使用方法和适用范围。

typeof 能检测哪些类型？

typeof 主要用于判断 JavaScript 中的基本数据类型，包括以下几种：

• "number"：数字类型，如 42 或 3.14
• "string"：字符串类型，如 "hello"
• "boolean"：布尔值，如 true 或 false
• "undefined"：未定义的变量
• "object"：对象类型（注意：null 也会返回 "object"）
• "function"：函数
• "symbol"：ES6 引入的 Symbol 类型
• "bigint"：ES2020 新增的大整数类型

需要注意的是，typeof null 返回的是 "object"，这是一个历史遗留问题，并不代表 null 就是对象。

常见用法与建议

使用 typeof 非常简单，只需要在操作符后面加上一个变量或值即可：

console.log(typeof 123); // "number"
console.log(typeof 'abc'); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof { }); // "object"
console.log(typeof function(){}); // "function"
console.log(typeof Symbol()); // "symbol"
console.log(typeof 9007199254740991n); // "bigint"

有几个使用时要注意的点：

• 判断是否为数组时不能依赖 typeof，因为它会返回 "object"，应该使用 Array.isArray()。
• 检查 null 时要单独处理，因为 typeof null === "object"。
• 对于基本类型来说，typeof 很好用；但对复杂结构（比如数组、日期等）就不够用了。

使用场景举例

1. 调试时快速查看变量类型

   console.log(typeof userInput);

   这样可以快速知道用户输入的是字符串还是数字。

2. 防止程序出错 在调用某个函数前检查参数是不是函数：

   if (typeof callback === 'function') {
       callback();
   }

3. 处理不同类型的输入逻辑

   function processInput(value) {
       if (typeof value === 'number') {
           console.log('你输入了一个数字');
       } else if (typeof value === 'string') {
           console.log('你输入了一个字符串');
       }
   }

不过，如果需要更精确地判断对象类型（例如判断是否为 Date、RegExp 等），建议使用 Object.prototype.toString.call()。

基本上就这些了。typeof 不复杂但容易忽略细节，尤其在处理 null 和数组时要特别小心。

今天关于《JS进阶必看！typeof操作符详解与数据类型大揭秘》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！