javascript - 了解 JavaScript 运行时

Question

考虑以下 JavaScript 对象

var planet = {
    id: 1001,
    Name: "Mars",
    faction: {
        factionId: 2,
        notification: function () {
            document.write("Mars notified");
        }
    },
    cities: [
        { locationId: 15, name: "Gladius" },
        { city: "MyPlanet", geo: "universal" }
    ]
}

尝试在 Chrome 调试器窗口中阅读 planet.cities 时，我看到了这些额外的项目。

这些是 JavaScript 运行时引擎的一部分吗，不同的浏览器对它们的处理方式不同吗？

Answer 1

每个 JavaScript 都有一个它继承自的原型(prototype)对象 ( EcmaScript §4.2.1 )。这通常称为“内部 [[prototype]] 属性”( EcmaScript §8.6.2 )。 FF 和 Chrome 将其公开为非标准(并已弃用)__proto__ property是特定于实现的。

您看到的这些附加属性位于 Object.prototype(EcmaScript §15.2.4、MDN)上，所有普通对象(以及您的对象字面量)都从中继承。同样，双下划线属性是特定于实现的，现在已被属性描述符弃用(参见 Object.defineProperty at MDN )。