重新分配函數調用時出錯，爲什麼？

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."