JavaScript寄生式继承中的“this”指的是什么?

7

多年来,我一直使用JavaScript中的原型继承来创建应用程序,现在开始尝试使用寄生式继承。尽管它的主要缺点(至少对我来说)是在创建对象层次结构时可能会在内存中创建多个方法副本,但我发现它的简单性和“new”不再必需的事实让我非常喜欢。然而,我遇到了“this”的问题。我看到的大多数例子只是表面上展示如何实现寄生式继承,如下所示:

   function foo() {
       return {
          method1 : function() {...}
       }
   }

   function bar() {
       var that = foo();
       that.method2 = function() {
           //is "this" pointing to bar()?
       }
       return that;
   }

在bar()对象的评论中我问过了,"this"是指bar()还是被限制在method2范围内?谢谢!
2个回答

3

快速测试表明,this 正确地指向由 bar 返回的对象:

function foo() {
    return {
        method1 : function() { return "spam" }
    }
}

function bar() {
    var that = foo();
    that.method2 = function() {
        return this.method1();
    }
    return that;
}

var b = bar();
b.method2(); // "spam"

好的,谢谢!现在我可以继续前进了。这是一个有点概念性的飞跃,因为我已经做了那么长时间的原型继承。寄生式继承很熟悉,但足够不同,让我承认有点不舒服 - 但这是一件好事! :) - Brendan Delumpa

1

在你的method2()中,this context variable将绑定到从foo()伪构造函数返回的对象上。每个函数(上下文)都有一个绑定的this,其值取决于方法本身的调用。

例如,从对象中调用函数属性(就像你在那里做的那样)将把this variable设置为该对象。当您立即调用函数时,它的this会绑定到ES3中的global object,而在ES5中则绑定到null

还有其他可以更改this值的方法和关键字。例如new.bind().call().apply()。但是,在您特定的代码片段中,this将绑定到存储在that中的对象。


思路解释,但是ES3和ES5是什么? - CapelliC

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接