重新分配函数调用时出错，为什么？

Question

我正在使用NW.js，以创建本地websocket客户端。我的工作原理是，现在我正在重构我的代码，使其更加面向对象。

Websockclient.prototype.connect = function() { 
    if (!("WebSocket" in window)) { 
     alert("WebSocket is NOT supported!"); 
    } else { 
     uri = "ws://" + this.host + ":" + this.port; 
     this.ws = new WebSocket(uri); 
     this.ws.onopen = function(evt) { this.onOpen(evt); } 
    } 
}; 

Websockclient.prototype.log = function(message) { 
    if (this.logEn == true) { 
     console.log(message); 
    } 
}; 

Websockclient.prototype.onOpen = function(evt) { 
    this.log("connected"); 
    this.ws.send("Client says Hi!"); 
}; 

连接打开正确，但在Websockclient.prototype.onOpen函数调用中出现故障。错误输出如下：

[31910:31910:0530/115015:ERROR:edid_parser.cc(181)] invalid EDID: human unreadable char in name chrome-extension://oimdoepkkglchafiooagncfokloigedg/app/lib/websockclient.js:29 this.ws.onopen = function(evt) { this.onOpen(evt); }

TypeError: this.onOpen is not a function at WebSocket.ws.onopen (chrome-> > extension://oimdoepkkglchafiooagncfokloigedg/app/lib/websockclient.js:29:47)

它看起来像我有以下错误：

this.ws.onopen = function(evt) { this.onOpen(evt); }

（注：这是系NR文件websockclient.js 29）

我认为这个任务是不正确的，但我有点卡在这里。有人可以请解释我在这里错过了什么。

Answer 1

THX为@ Pimmol的评论我已经解决了这个问题，下面一行：

this.ws.onopen = function(evt) { this.onOpen(evt); } 

需要被更改为以下：

this.ws.onopen = this.onOpen.bind(this); 

欲了解更多信息，请参见以下文档：

"The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called."