提及“这个”是指“这个”。在 javascript 的父闭包中

Question

我想在Javascript中做到这一点：

function Z( f )
{
  f();
}

function A()
{
  this.b = function()
  {
    Z( function () { this.c() } );
  }

  this.c = function()
  {
    alert('hello world!');
  }
}

var foo = new A();
foo.b();

可以这样完成：

function Z( f )
{
  f();
}

function A()
{
  var self = this;
  this.b = function()
  {
    Z( function () { self.c() } );
  }

  this.c = function()
  {
    alert('hello world!');
  }
}

var foo = new A();
foo.b();

有更好的方法吗？

Answer 1

保留对父级的引用（就像您一样）是一个很好的方法，但是对于您的特定示例，不需要匿名包装器，您可以直接传递函数，如下所示

var self = this;
this.b = function()
{
  Z(self.c);
}

： net/nick_craver/EvZvp/" rel="noreferrer">你可以在这里测试一下，如果没有这个包装器，实际上不需要 self 变量，你可以只使用 直接，如下所示：

this.b = function()
{
  Z(this.c);
}

您可以在此处测试该版本。

---

由于下面的注释似乎有些混乱，所以上面的代码为问题维护了this，如果你想维护this/回调内的上下文，使用 .call()像这样：

this.b = function()
{
  Z.call(this, this.c);
}

对于 Z：

function Z( f )
{
  f.call(this);
}

您可以在此处进行测试。

Answer 2

您也可以使用

this.b = function()
{
    Z( (function () { this.c() }).apply(this) );
}

Answer 3

有一种通常称为“委托”的模式可以解决这个问题。

在 javascript 中，一个不太花哨的实现可能看起来像这样：

/** class Delegate **/
var Delegate = function(thisRef, funcRef, argsArray) {
    this.thisRef=thisRef;
    this.funcRef=funcRef;
    this.argsArray=argsArray;
}
Delegate.prototype.invoke = function() {
    this.funcRef.apply(this.thisRef, this.argsArray);
}
/** static function Delegate.create - convenience function **/
Delegate.create = function(thisRef, funcRef, argsArray) {
    var d = new Delegate(thisRef, funcRef, argsArray);
    return function() {  d.invoke(); }
}

在您的示例中，您将像这样使用它：

this.b = function() {
  Z( Delegate.create(this, this.c) );
}

您还可以编写期望接收委托的函数：

function Z( d ) {
    d.invoke();
}

然后，在 A 中，您的 b 实现变为：

this.b = function() {
    var d = new Delegate(this, this.c);

    Z( d );
    SomeOtherFunc( d );
}

Delegate 只是提供了一种简单、一致的方式来封装 this 引用（您将其称为 >self），在一个对象实例中，可以像任何其他对象实例一样处理它。它更具可读性，并且可以让您不必使用 self 等多余的变量来污染函数作用域。更高级的委托实现可以有自己的方法和其他相关状态。还可以以有助于最小化一些与作用域相关的内存管理问题的方式构建委托（尽管我在此处显示的代码绝对不是这样的示例）。