在JavaScript中，typeof操作符始终返回一个字符串，具体值取决于操作数的类型，包括”undefined”、”boolean”、”number”、”string”、”object”、”function”、”symbol”和”bigint”这八种可能。
typeof 返回什么类型？详解返回值及常见坑
typeof 是 JavaScript 中最常用的类型检查工具之一，它返回一个字符串，表示未计算的操作数的类型，理解其返回值类型，是避免 bug 的第一步。
typeof 返回值的类型有哪些？八种返回值一览
- undefined：如果值未定义，typeof 返回 “undefined”。
typeof undefined或typeof 未声明的变量，注意，未声明的变量也会返回 “undefined”，不会报错，这是 typeof 的一个特殊行为，常用于检查全局变量是否存在。 - boolean：布尔值，如
typeof true返回 “boolean”，任何布尔值，包括 true 和 false，都返回 “boolean”。 - number：数字，包括整数和浮点数，如
typeof 42返回 “number”，特殊值 NaN 也返回 “number”，因为 NaN 在语言层面上属于数字类型，Infinity 和 -Infinity 同样返回 “number”。 - string：字符串，如
typeof "hello"返回 “string”，单引号、双引号、反引号定义的字符串都返回 “string”。 - object：对象、数组、null 都返回 “object”，这是 typeof 最让人困惑的地方。数组和 null 都会被归为 “object”，这是 typeof 的典型陷阱，业内专家指出，数组应用 Array.isArray() 判断，而 null 需要用
=== null直接比较。 - function：函数，如
typeof function(){}返回 “function”，注意，ES6 的箭头函数、类、生成器函数都返回 “function”。 - symbol：ES6 新增的 Symbol 类型，如
typeof Symbol()返回 “symbol”，Symbol 是唯一的原始类型，常用于创建唯一标识符。 - bigint：ES2020 新增的 BigInt 类型，如
typeof 123n返回 “bigint”，BigInt 用于表示大于 2^53 的整数。
typeof 返回值的类型只有这八种字符串，没有其他情况，无论操作数是什么，返回值一定是这八种之一。
typeof 的特殊情况：null 和 NaN
typeof null 返回 “object”，这是一个广为人知的历史遗留 bug，在 JavaScript 最初的实现中，类型标签被存储在低字节，null 的二进制全是 0，因此被错误地识别为对象，虽然这个 bug 在 ECMAScript 规范中一直保留，但行业共识认为它不会修复，因为修复会破坏大量现有代码，在判断 null 时，不要使用 typeof，而是直接使用
=== null。
typeof NaN 返回 “number”，因为 NaN 是数字类型的一个特殊值，表示 Not a Number，判断一个值是否为 NaN，应该使用 Number.isNaN() 或 isNaN() 函数，而不是 typeof，注意：isNaN() 会先将参数转换为数字，而 Number.isNaN() 不会，所以后者更可靠。
未声明变量与 typeof
typeof 有一个特殊行为：对未声明的变量使用 typeof 不会抛出 ReferenceError，而是返回 “undefined”，这在某些场景下很有用，比如检查一个可能未定义的全局变量。
if (typeof jQuery !== "undefined") {
// 使用 jQuery
}但注意,对于已声明但未赋值的变量，typeof 也返回 “undefined”，typeof 不能区分一个变量是未声明还是未赋值。
typeof 在条件语句中的使用
typeof 常用于条件判断，例如检查一个变量是否存在，但要注意，typeof 返回的字符串可能被意外判断。
if (typeof x === "undefined") {
// x 未定义
}这是安全的,但不要直接使用 if (typeof x)，因为如果 x 是 undefined 或未声明，typeof 返回 “undefined”，在条件中会被转换为 false；但如果是其他类型，返回的字符串非空，所以总是 true，这可能导致逻辑错误。最佳实践：始终使用 typeof x === "someType" 的形式进行比较。
利用 typeof 进行类型守卫
在函数中,可以使用 typeof 来检查参数类型，从而实现多态。
function process(value) {
if (typeof value === "string") {
// 处理字符串
} else if (typeof value === "number") {
// 处理数字
}
}这是 JavaScript 中常见的模式，在类型守卫中很有用。
typeof 和 instanceof 有什么区别？返回值类型对比
typeof 和 instanceof 都是类型检查工具，但它们的返回值和用途不同。
| 特性 | typeof | instanceof |
|---|---|---|
| 返回值 | 字符串，表示类型名称 | 布尔值，表示是否是指定构造函数的实例 |
| 适用场景 | 基本类型检查 | 对象类型检查 |
| 对 null 的处理 | 返回 “object” | 返回 false（因为 null 不是对象实例） |
| 对数组的处理 | 返回 “object” | 返回 true（如果检查 Array） |
| 跨框架问题 | 无影响 | 可能有问题，因为不同全局作用域 |
typeof 返回的是字符串，而 instanceof 返回的是布尔值，在判断基本类型时，typeof 更合适；在判断对象的具体继承关系时，instanceof 更强大，检查一个值是否为数组，typeof arr 返回 “object”，但 arr instanceof Array 返回 true，但要注意，instanceof 在跨 iframe 时可能失效，因为不同上下文中的 Array 构造函数不同，在这种情况下，使用 Array.isArray() 更安全。
typeof 和 instanceof 的对比是前端开发中的高频问题，很多开发者会混淆两者的使用场景，typeof 用于基本类型，instanceof 用于对象类型，在杭州的团队中，我们通常使用 typeof 进行基本类型判断，使用 instanceof 进行对象类型判断，并结合使用 Array.isArray 处理数组。
前端面试中 typeof 返回什么类型的值
在许多前端面试中,typeof 的返回值是必考知识点，面试官通常会问：“typeof 返回什么类型的值？”以及一些变体：
- 请列出 typeof 的所有可能返回值。
- typeof null 的结果是什么？为什么？
- 如何判断一个变量是数组？
- typeof 和 instanceof 的区别是什么？
回答时,记住八种返回值和两个特殊情况（null 和未声明变量） 是关键，很多候选人会漏掉 symbol 和 bigint，或者不知道 null 返回 “object”，在上海的一些互联网公司面试中，面试官还会要求候选人列出 typeof 的所有可能返回值，并解释 null 的特殊情况，在北京的前端面试中，面试官也经常问及 typeof 的返回值，尤其是 typeof 返回 undefined 的情况有哪些，这包括未定义的变量、未赋值的变量，以及显式赋值为 undefined 的变量。掌握这些知识点，能让你在面试中更从容。
如何正确使用 typeof 进行类型判断
在实际开发中,typeof 通常用于判断基本类型，但需要注意以下几点：
- 判断 null 时，不要用 typeof，直接使用
value === null。 - 判断数组时,使用
Array.isArray(value)。 - 判断 NaN 时，使用
Number.isNaN(value)。 - 对于对象,如果需要进一步判断具体类型，可以结合 Object.prototype.toString 方法，如
Object.prototype.toString.call(value) === '[object Array]'
最佳实践：使用 typeof 进行类型检查时，先明确你要判断的是什么类型，如果是基本类型，typeof 足够；如果是对象，考虑使用 constructor 或 instanceof，在 TypeScript 中，typeof 可以用作类型守卫，但那是另一个话题，在纯 JavaScript 中，typeof 是最常用的类型判断手段之一，但要注意它的局限性。
在大型项目中，通常建议使用函数式封装，比如创建一个 isString 函数，内部使用 typeof val === 'string'，这样便于统一维护。
typeof 的常见误区
- 误区一：认为
typeof null返回 “null”，它返回 “object”。 - 误区二：认为
typeof NaN返回 “NaN” 或 “undefined”，它返回 “number”。 - 误区三：认为
typeof []返回 “array”，它返回 “object”。 - 误区四：认为
typeof 未声明的变量会报错，它返回 “undefined”。
这些误区在开发中很常见,了解它们可以避免很多错误。
typeof 与 ES6 新类型
随着 ES6 和 ES2020 的引入，typeof 的返回值增加了 symbol 和 bigint，这使得 typeof 的返回值从原来的六种增加到了八种，在旧浏览器中，可能不支持这些新类型，但现代环境已经广泛支持。
返回什么类型的值：常见问题解答
Q1: typeof 返回什么类型的值？
typeof 返回一个字符串，表示操作数的类型，可能的字符串值有：”undefined”、”boolean”、”number”、”string”、”object”、”function”、”symbol”、”bigint”。
Q2: typeof null 为什么返回 “object”？
这是 JavaScript 语言的一个历史遗留 bug，在最初的实现中，null 被错误地归类为对象类型，并且这个行为被保留至今，行业共识认为这是一个错误，但无法修复，因为修复会破坏大量现有代码。
Q3: 如何判断一个变量是否为数组？
使用 Array.isArray() 方法，这是最可靠的方式，typeof 会返回 “object”，而 instanceof 在跨框架场景下可能失效，Array.isArray() 是 ES5 引入的标准方法，得到广泛支持，对于旧浏览器，可以使用 Object.prototype.toString.call(value) === '[object Array]' 作为 polyfill。
掌握 typeof 的返回值类型及其特性，是高效使用 JavaScript 的基础，理解这些细节，能让你在编码和面试中更加从容。
首发原创文章，作者：王坚，如若转载，请注明出处：https://idctop.com/article/577848.html
