javascript - 引用类变量中的原型(prototype)方法

Question

我在处理我正在处理的 JS 原型(prototype)对象时遇到了问题。我想要做的是将一个类级变量定义为对象文字，然后返回类的原型(prototype)方法之一来设置类级变量的属性，但我没有得到任何结果。在一个简化的示例中，这是我正在尝试做的事情:

var foo = function(args)
{
    this.name = 'bar';
}
foo.stuff = { barbaz: this.foobarbaz(2) };

foo.prototype.foobarbaz(int)
{
    return int;
}

alert(foo.stuff.barbaz); // should alert 2, but I'm missing something

我想知道在这种情况下我是否只是误解了“this”的范围，或者当我将它分配给 foo.stuff.barbaz 时 this.foobarbaz() 是否未定义。

是否可以像这样从类级变量中引用对象的原型(prototype)方法？

Answer 1

这是你需要知道的:

1. 您应该在原型(prototype)上定义您的方法，如 foo.prototype.foobarbaz = function(int) {...}。您当前的语法无效。

2. 您正在尝试在定义方法之前使用它。如果你期待 function hoisting在这里工作，仅适用于函数声明，不适用于赋值。第一次使用时，将 foobarbaz 的赋值移动到上面。

3. 在您提供的这个函数中，this 不是 foo。每个函数 都有自己的this 值(称为函数的“上下文”)，在每次调用函数时设置。您可以在 Understanding Javascript scope with "var that = this" 的几个答案中看到有关如何设置函数上下文的规则。 .

相反，在这里，您需要使用 foo.foobarbaz(2) 而不是 this.foobarbaz(2)，因为 this 可能是 window(假设您调用此代码不是作为对象的方法，也不是在 JavaScript 的 strict 模式下)。