javascript - 关于遍历使用 resig 的简单 js 继承脚本创建的实例的问题

Question

在过去的一周里，我一直在努力学习关于 js 继承的知识，并遇到了 john resig 的简单 js 继承脚本。测试代码时一切正常，直到我尝试迭代我的扩展对象之一。这是代码:

var Person = Class.create({
    init : function(sex, devStage) {
        this.sex = sex;
        this.devStage = devStage || "newBorn";
    },
    Sex : function(val) {
        if (val) { this.sex = val }
        else { return this.sex; }
    },
    DevStage : function(val) {
        if (val) { this.devStage = val; }
        else { return this.devStage; }
    }
});
var person = new Person("male");

var Mike = Person.extend({
    init : function(sex, devStage, name, age) {
        this._super(sex, devStage);
        this.name = name;
        this.age = age;
    },
    DevStage : function(val) {
        if (val) { this._super(val); }
        else { return this._super(); }
    },
    Name : function(val) {
        if (val) { this.name = val; }
        else { return this.name; }
    },
    Age : function(val) {
        if (val) { this.age = val; }
        else { return this.age; }
    }
});

var mike = new Mike("male", "adult", "Mike", 38);

for (var k in mike) {
    if (mike.hasOwnProperty(k)) { console.log("mike.hasOwnProperty(k) = " + k); }
} //only "sex", "devStage", "name" and "age" show up as properties in firebug's console

我原以为 mike 对象上存在“DevStage”、“Name”和“Age”函数属性，但似乎使它进入每个对象实例的唯一属性是那些被发送到 init 函数的属性.其他属性在对象的原型(prototype)上，并且工作正常，我只是无法使用 hasOwnProperty 方法找到它们。我已经阅读了发布脚本的 resig 博客文章中的大部分评论，但我找不到与此问题相关的任何内容。

我的问题是这是否正常？如果在对象之间进行一些属性检查，我可以看到有时这会成为问题。这对我来说似乎是一个有效的担忧吗？虽然我对 JS 并不陌生，但我当然不是经验丰富的专业人士，因此非常感谢对我目前情况的任何反馈。

Answer 1

是的，这是正常的。属性 DevStage、Name、Age 和 init 附加到 Mike 的原型(prototype)，新对象 mike 仅指向 - 当使用 new Mike( )。

因此，mike 没有这些属性作为“自己的属性” - 它们只能通过查看 mike 的内部访问原型(prototype)属性(这是 JS 引擎在访问属性时自动执行的操作:mike.DevStage)。某些 JS 引擎(例如 Chrome 引擎)将此内部原型(prototype)属性公开为您可以检查的 __proto__。

这是对 mike 内部表示方式的描述:

mike = {
    __proto__: { // Internal pointer to the prototype, for Mike
        init: function () {},
        DevStage: function () {},
        Name: function () {},
        Age: function () {},
        __proto__: { // The prototype's prototype, for Person
            init: function () {},
            Sex: function () {},
            DevStage: function () {}

            // Ultimately, the prototype will point to Object.prototype
            __proto__: {...}
        }
    },

    // Own properties
    name: ...,
    age: ...,
    sex: ...,
    devStage: ...
}

如果从循环中删除 if (mike.hasOwnProperty(k)) 条件，那么您也会看到其他属性。