来自 JavaScript 继承方法的变量访问

Question

我正在研究从父对象继承到子对象的方法对变量的可访问性。

通过将父实例关联到子构造函数的原型来执行继承：

Function.prototype.extend = function(child) {
    var prototype = new this;

    child.prototype = prototype;
    return child;
};

所以我定义了一个父类：

var Parent = function() {
    var self = this;

    this.init = function() {
        self.name = 'Abram';
    };
    this.getName = function() {
        alert('self.name = ' + self.name);
    };
    this.init();
};

还有一个子类：

var Baby = Parent.extend(function(name) {
    var self = this;

    this.init = function() {
        self.name = name;
    };
    this.init();
});

// instantiate a child object:
var baby = new Baby('Jimmy');

// call the inherited method:
baby.getName(); // undefined!

方法getName被正确继承，但它无权访问self.name成员。
怎么可能，在子类实例的范围内可用呢？

用alert(baby.getName)检查方法的主体我得到：

function () {
    alert("self.name = " + self.name);
}

这正是我所期望的。
但是为什么它不能在本地解析self 变量呢？

Answer 1

父“getName()”函数中的变量“self”指的是父实例。子对象中的“init”函数设置该对象的名称，而不是原型对象。

因此：

1. var baby = new Baby("Jimmy"); 导致对象的“名称”属性设置为字符串“Jimmy”
2. baby.getName(); 调用原型对象上的函数，因为“婴儿”对象上没有“getName”属性。在该函数内部，对变量“self”进行了引用，该变量引用了该原型对象——不是对象“baby”。原型对象上没有设置“名称”属性。

看看如果您将原型中的.getName() 函数更改为使用this.name 而不是self.name 会发生什么。