揭秘 JavaScript 内部属性 [[Class]]：你真的懂它吗？

原创于 2025-06-01 22:50:26 发布 · 811 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

前端面试专栏收录该内容

28 篇文章

订阅专栏

导语：
在前端面试中，基础知识往往最容易被忽略，而 JavaScript 的内部属性 [[Class]] 就是这样一个“看似简单、实则高频”的考点。它不仅关乎数据类型判断，还影响实际开发中对对象的理解与使用。本文将深入拆解 [[Class]] 的原理、常见误区与面试题，助你在技术面试中稳稳拿下这类问题！

一、面试主题概述

在 JavaScript 中，所有对象在内部都有一个名为 [[Class]] 的内部属性。这个属性不是开发者可以直接访问的，但它对 JS 引擎来说却非常重要，用来标识对象的具体“分类”。

它的真实用途体现在 Object.prototype.toString.call() 的结果上。例如：

Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(null); // "[object Null]"

这背后，就是 [[Class]] 在发挥作用。

在面试中，面试官借此考察你对 JS 底层类型机制的理解能力，判断你是否真的掌握了“隐形机制”背后的运行逻辑。

二、高频面试题汇总

JavaScript 中的内部属性 [[Class]] 是什么？它和 typeof 有什么不同？
如何准确判断一个变量是否为数组？
为什么 typeof null === 'object'，而 Object.prototype.toString.call(null) 却是 [object Null]？
自定义对象的 [[Class]] 可以更改吗？如何实现？
Object.prototype.toString.call() 在项目中有哪些典型使用场景？

三、重点题目详解

题目一：JavaScript 中的内部属性 [[Class]] 是什么？它和 typeof 有什么不同？

console.log(typeof []); // "object"
console.log(Object.prototype.toString.call([])); // "[object Array]"

解析：

[[Class]] 是 JavaScript 引擎为每个对象打上的内部标签，用于分类对象本质，比如 [object Array]、[object Date]。
typeof 是操作符，用于判断变量的类型，但只能区分有限几种类型（无法识别 Array、Date 等）。
Object.prototype.toString.call(x) 会返回形如 [object Type] 的字符串，Type 就是 [[Class]] 的值。

考察点：

分辨 typeof 的局限性；
了解 JS 内部对象识别机制；
熟悉实际开发中如何准确判断变量类型。

建议答法：
不仅要指出 [[Class]] 的作用，更要结合例子说明为什么 typeof [] 不够准确，强调开发中的实际用途（如写一个通用的类型判断函数）。

题目二：如何判断一个变量是否为数组？为什么不用 typeof？

function isArray(val) {
  return Object.prototype.toString.call(val) === '[object Array]';
}

拓展：

除了上述方法，现代 JS 也提供了更语义化的方法：

Array.isArray([]); // true

考察点：

掌握多种判断方式；
理解标准方法的兼容性（如 Array.isArray() 是 ES5+）；
熟悉背后的底层原理（依赖 [[Class]]）。

踩坑提示：

使用 typeof 判断数组会返回 "object"，无法区分对象和数组。
自定义 toString 方法会影响判断结果，除非显式调用 Object.prototype.toString.call()。

题目三：为什么 typeof null === 'object'，而 Object.prototype.toString.call(null) 是 [object Null]？

console.log(typeof null); // "object"
console.log(Object.prototype.toString.call(null)); // "[object Null]"

解析：

typeof null === 'object' 是历史遗留 bug，源于早期 JS 使用的值表示方式。
Object.prototype.toString.call(null) 返回 [object Null]，这是利用 [[Class]] 内部属性提供的更准确类型识别。

考察点：

面试官希望你理解 JS 的历史问题以及如何绕开它；
要表现出你的“避坑能力”。

实际应用：

function isNull(val) {
  return Object.prototype.toString.call(val) === '[object Null]';
}

四、面试官视角与加分项

面试官为什么爱问这个点？

这是 JS 类型系统中的“冷门基础”，能区分出候选人是死记硬背还是理解透彻。
能准确讲清 [[Class]]，意味着你对 JS 对象本质、运行机制有深刻理解。

回答技巧：

基础稳：能够准确说出 [[Class]] 的定义、访问方式（间接）；
举例清楚：说明 typeof 的局限，演示更好的判断方式；
拓展深入：能谈到 Array.isArray() 的兼容性，甚至自定义类的 [[Class]] 变更（如 Symbol.toStringTag）。

五、总结与建议

[[Class]] 是一个深入 JavaScript 本质的小知识点，虽“不可见”，却影响深远。
面试中遇到关于“类型判断”的题，务必从 typeof、instanceof、Object.prototype.toString.call() 的优缺点展开。
项目中推荐使用 Object.prototype.toString.call() 来做复杂类型判断，既可靠又兼容。