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

导语：
在前端面试中，基础知识往往最容易被忽略，而 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 底层类型机制的理解能力，判断你是否真的掌握了“隐形机制”背后的运行逻辑。

---

二、高频面试题汇总

1. JavaScript 中的内部属性 [[Class]] 是什么？它和 typeof 有什么不同？
2. 如何准确判断一个变量是否为数组？
3. 为什么 typeof null === 'object'，而 Object.prototype.toString.call(null) 却是 [object Null]？
4. 自定义对象的 [[Class]] 可以更改吗？如何实现？
5. 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 对象本质、运行机制有深刻理解。

回答技巧：

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

---

五、总结与建议

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