3

简短描述：我正在使用带有函数声明、新关键字和原型方法的 OO Javascript（示例如下）。我需要一种方法来引用对象的每个方法中的“自我”对象。“this”似乎只有在我直接调用该方法时才有效，否则“this”似乎指的是任何调用该方法的东西。

更多细节：这是我的对象的简化版本。

function Peer(id) {
    this.id = id;
    this.pc = new RTCPeerConnection(SERVER);

    this.pc.onevent1 = this.onEvent1;
    this.pc.onevent2 = this.onEvent2;
}

Peer.prototype.doSomething = function() {
    // create offer takes one param, a callback function
    this.pc.createOffer(this.myCallback);
};

Peer.prototype.onEvent1 = function(evt) {
    // here this refers to the RTCPeerConnection object, so this doesn't work
    this.initSomething(evt.data);    
};

Peer.prototype.myCallback = function(data) {
    // here this refers to the window object, so this doesn't work
    this.setSomething = data;
};

Peer.prototype.initSomething = function(data) {
    // use data
};

这是一个使用它的示例。

var peer = new Peer(1);
peer.doSomething();
// eventually something triggers event1

我尽量简化代码，并在注释中解释问题。我为第一个场景（调用 this.myCallback）创建了一个解决方法，方法是创建 this 的本地副本并使回调参数成为匿名函数，该函数使用我的本地副本调用我需要的函数。但是第二种情况更麻烦（事件触发）。

我很好奇是否有一个不同的面向对象编程模型，其中每个方法总是对父对象有一个正确的引用，而不管方法是如何被调用的？或者如果有不同的方法来创建一个对象作为自定义对象的属性并将其事件绑定到自定义对象的方法？对不起，如果这是令人困惑的语言！请注意，我的问题与 RTCPeerConnection 无关，这恰好是我目前正在从事的项目。

我找到了这篇文章：http ://www.alistapart.com/articles/getoutbindingsituations但我不完全确定如何使用这些信息？

4

2 回答 2

6

我很好奇是否有一个不同的面向对象编程模型，其中每个方法总是对父对象有一个正确的引用，而不管方法是如何被调用的？

是的，有：它被称为Function.bind.

function Peer(id) {
    this.id = id;
    this.pc = new RTCPeerConnection(SERVER);

    this.pc.onevent1 = this.onEvent1.bind(this);
    this.pc.onevent2 = this.onEvent2.bind(this);
}

同样， formyCallback总是this引用Peer实例：

Peer.prototype.doSomething = function() {
    // create offer takes one param, a callback function
    this.pc.createOffer(this.myCallback.bind(this));
};
于 2013-01-11T16:39:42.217 回答
1

方法只是一个定义为原型属性的函数。它本身没有任何特定的对象上下文，这是有原因的，因为可能存在无限数量的给定类型的对象，因此该方法在给定特定对象的上下文时起作用。

在 javascript（以及其他 OO 语言）中，该对象上下文由调用者提供。这样做的经典方法是在特定对象上调用方法：

obj.method();

但是，您也可以this使用.apply()or.call()或将指针设置为其他值.bind()。您可以在 MDN 上阅读所有这些内容。 .bind()某些较旧的浏览器不支持，因此您需要使用 shim 或使用其他解决方案（我使用下面提到的解决方案）。

因此，调用者必须负责确保this正确设置 ptr。这就是javascript的工作原理。

尝试将方法调用作为回调传递时，另一种设计模式解决方法如下：

var self = this;
callMeWhenDone(function() {
    self.myMethod();
});

在这里，您将thisptr 保存在局部变量中并使用它从匿名回调中调用方法，因为回调中的this指针将设置为其他值。

注意：在内部，.bind()只是在做与此解决方法类似的事情。

于 2013-01-11T16:56:55.237 回答