VS Code调试控制台中JavaScript数组为何显示两个[[Prototype]]？

嘿，别慌！这其实是VS Code调试控制台的显示逻辑小细节，不是JavaScript原型链本身出了问题，我来给你掰扯清楚：

首先先还原你的代码场景，你运行的这段代码是完全没问题的：

const theArray = [1,2,3];
const theObject = {'a': 1};
console.log(theArray);
console.log(theObject);
debugger; // Breakpoint

为什么会看到两个同层级的[[Prototype]]？ #

VS Code的调试器为了方便开发者快速查看核心原型信息，做了一个“扁平化展示”的小优化：

• 第一个[[Prototype]]是数组的直接原型Array.prototype（也就是你看到的Array(0)）
• 第二个[[Prototype]]是原型链上层的Object.prototype

但在JavaScript的实际原型链里，它们是链式嵌套的：theArray -> Array.prototype -> Object.prototype -> null，并不是真的处于同一层级。调试器只是把它们提前展开到同一层，省得你一次次点击折叠项而已。

关于Array(0)里的两个[[Prototype]] = Object？ #

这同样是调试器的显示冗余，本质上Array.prototype的原型就是Object.prototype，并不会有两个。调试器这里可能是重复渲染了，或者是为了突出显示原型链的终点才多显示了一次，实际原型链里只有一层Object.prototype。

总结一下：这完全是调试工具的UI展示逻辑，和JavaScript的原型机制无关，你的代码和原型链都是正常的~

备注：内容来源于stack exchange，提问作者Sedrick