使用构造函数进行原型设计时如何访问实例？

Question

我正在通过 prototype 方法扩展构造函数类的功能，但我无法弄清楚如何访问即将成为构造函数类的实例。

假设我们有以下类：

Bla = function()
{
    this.a = 5;
}

足够简单。现在，我将用一个非常简单的方法来扩展它......

Bla.prototype.f = function(){console.log("Abdf.")};

new Bla().f(); //Logs "Abdf as expected."

但是，如果我想访问 a 属性 (5) 怎么办？假设我正在尝试像这样扩展构造函数类：

Bla.prototype.f2 = function(b){return b * here_are_the_problems.a};

显然使用this 指的是别的东西。我应该改用什么？

Answer 1

使用this 关键字访问任何实例属性或方法。 this 代表实例。由于a 是实例属性，prototype 方法是实例方法，因此可以在prototype 中访问。

Bla = function() {
    this.a = 5;
};
Bla.prototype.foo = function () {
   console.log( this.a );
}

var x = new Bla;
x.foo(); // logs 5
​

但是，如果我们直接给 Bla 添加一个方法...

Bla.bar = function () {
   console.log( this.a ); // ERRORRRRR
}

因为 bar 不是实例 (prototype) 方法。在这种情况下，它是Bla 的static method 并且没有实例，this 指的是函数Bla.bar，在这种情况下没有属性a

Answer 2

使用this 来引用调用方法的对象...

console.log(this.a);

有几种方法可以设置this 的值。一是如果函数作为对象的方法调用，一般指调用函数的对象。

Bla = function()
{
    this.a = 5;
}


Bla.prototype.f = function(){console.log(this.a)};

var bla = new Bla();

bla.f(); //Logs 5

所以你可以看到，由于f 被调用为Bla 的实例的方法被bla 变量引用，f 中的this 的值将被设置为引用相同的对象。