無法在實例內讀取Object（undefined？）上的屬性

Question

當我嘗試從事件函數onMouveMove訪問對象this.guy時 ，我收到以下錯誤：

"Uncaught TypeError: Cannot read property 'prop1' of undefined"

當我使用Chrome的Devtool進行檢查時，該值存在且存在，它只是在“onMouseMove”函數內部無法識別。

 MyClass = function(some_html_element){ this.guy = {"prop1":[]}; some_html_element.onmousemove = this.onMouseMove; } MyClass.prototype.onMouseMove = function(evt){ if(!this.guy.prop1){ //<- here's the error alert("no error"); } } a = new MyClass(document.querySelector("#example")) 

 <div id="example"> MOVE MOUSE ON ME </div> 

有任何想法嗎 ？

Answer 1

為some_html_element設置onMouseMove處理程序時，該函數不會綁定到MyClass實例。 您可以通過顯式綁定它來解決此問題：

MyClass = function(some_html_element){
  this.guy = {"prop1":[]};
  some_html_element.onmousemove = this.onMouseMove.bind(this);
}