調用類方法的WebSocket對象

Question

中我有一個類Gadget一個方法consider定義爲：

function Gadget() { 

    this.consider = function (arg) { 
     alert(arg); 
    }; 

    if ("WebSocket" in window) { 
     var ws = new WebSocket(...); 
     // the rest truncated 

     ws.onmessage = function (evt) { 
      consider(evt.data); 
     }; 
    } 
} 

我，但是，無法得到consider的工作，因爲它沒有一個TypeError。

Uncaught TypeError: Object #<Gadget> has no method 'consider' 

如果我嘗試使用this.consider相反，TypeError發生與的WebSocket對象。如果我嘗試parent.consider，那麼對象對象給我提供了同樣的錯誤。

現在我的解決方法是使用從聲明的實例方法，如：

var player = new Gadget(); 

與player.consider(evt.data)代替。我不喜歡這樣做，但它有效。我如何重新排列代碼，使其不依賴於對象的已定義實例？

Answer 1

有兩種方法可以解決這個問題。

1）使用私有函數

function Gadget() { 

    function consider(arg){ 
     alert(arg); 
    } 

    this.consider = consider; 

    if ("WebSocket" in window) { 
     var ws = new WebSocket(...); 
     // the rest truncated 

     ws.onmessage = function (evt) { 
      consider(evt.data); 
     }; 
    } 
} 

這種方式，你有你的Gadget類中的私有consider()功能，即使它的實例鍛鍊自己的consider方法（如var x=new Gadget(); x.consider=...），網絡套接字仍然按照你的意圖工作;

2） 「高速緩存」 this

function Gadget() { 
    this.consider = function(arg){ 
     alert(arg); 
    }; 

    if ("WebSocket" in window) { 
     var ws = new WebSocket(...); 
     // the rest truncated 

     var self=this; 
     ws.onmessage = function (evt) { 
      self.consider(evt.data); 
     }; 
    } 
} 

這樣你的web套接字事件總是會使用任何小工具的實例想consider是。

Here is a jsfiddle demo這證明了這兩種方式。請注意，我有意地鍛鍊了（第二個按鈕）的實例的consider方法。點擊這些按鈕可以看到不同的。