將對象函數傳遞給對象構造函數

Question

標題的道歉，但沒有簡潔的方式。我正在研究下面的代碼，它旨在將一組計數器鏈接在一起，形成一個大的代碼。建立一個時鐘或其他。

function subcounter(max, name, trigger) { 
    this.index = 0; 
    this.trigger = trigger; 
    this.name = name; 

    this.tick = function() { 
     this.index++; 
     if (this.index==max) { 
      this.index=0; 
      this.trigger(); 
     } 
    } 

    this.show = function() { 
     alert(this.name+' triggered'); 
    } 
} 

y = new subcounter(2,'y',function(){alert('finished')}); 
x = new subcounter(2,'x',y.tick); 

for (var index = 0; index < 12; index++) { 
    alert ([x.index, y.index]); 
    x.tick(); 
} 

這不起作用。爲了調試我代替上面的一行：

x = new subcounter(2,'x',y.show); 

而且發現，「X觸發」顯示，而不是「Y觸發」，這是我所期望的。這裏發生了什麼？ （在Firefox中試過）。

---

感謝您的回答或指向我的文檔this。然而，我的大腦仍然無法理解函數如何作用於一個對象實例：'y.show'可以在不同的對象實例上解析該函數​​。

的答案似乎是：

x = new subcounter(2,'x',function() {y.tick();}); 

但我仍想明白爲什麼預期原不起作用。

Answer 1

應該是這樣

function subcounter(max, name, trigger) { 
    var that = this; 
    this.index = 0; 
    this.trigger = trigger; 
    this.name = name; 

    this.tick = function() { 
     that.index++; 
     if (that.index==max) { 
      that.index=0; 
      that.trigger(); 
     } 
    } 

    this.show = function() { 
     alert(that.name+' triggered'); 
    } 
} 

否則JavaScript的本地作用域將有this包含對外部情境this參考（即，你的情況x.this）的內部函數。

Here是一篇詳細介紹javascript本地範圍功能的文章，但這只是我得到的第一個結果，這是一個很常見的問題。

Answer 2

當從另一個對象上下文中調用方法時，Javascript更改this的範圍。看看這篇文章：

http://www.robertsosinski.com/2009/04/28/binding-scope-in-javascript/

Answer 3

從我所看到的，它具有與「本」的價值將是一個函數裏面做什麼。

函數'this'的內部將是調用函數的對象的值。

當你調用this.trigger（）時，它現在是對象'x'。因此，觸發功能，即「秀」，

this.name will be same as x.name 

爲了獲得在y對象的值，通過「Y」對象本身並調用來自該對象的顯示功能內。

function subcounter(max, name, trigger, methodName) { 
    this.index = 0; 
    this.trigger = trigger; 
    this.name = name; 

    this.tick = function() { 
     this.index++; 
     if (this.index==max) { 
      this.index=0; 
      this.trigger[methodName](); 
     } 
    } 

    this.show = function() { 
     console.log(this.name+' triggered'); 
    } 
} 

y = new subcounter(2,'y',function(){alert('finished')}); 
x = new subcounter(2,'x',y, "show");