JAVASCRIPT網頁應用程式設計

Spine 函式庫

|

177

執行環境（Context）

JavaScript 程式裡，往往充斥著許多變換執行環境的狀況，因此

Spine.Class

提供了一

些可用於變換作用域（scope）的工具函式。讓我們先看一個錯誤的示範：

var Controller = Spine.Class.create({

init: function(){

// 新增事件監聽器

$("#destroy").click(this.destroy);

},

destroy: function(){

// 呼叫 destroy 函式時，執行環境已經被改變了

// 因此「this」的參照值會和我們所預期的不一致

// 下面這段判斷式會失敗：

assertEqual( this, Controller.fn );

}

});

拿前面這段程式碼來說，當我們觸發事件、呼叫

destroy()

函式時，

destroy()

函式裡

的執行環境已經變成

#destroy

，而不是我們想要的 Controller。如果要解決這個問題，

可以利用代理器函式，強行設定你想要的執行環境。Spine 所提供的

proxy()

函式，其

功用正是如此：

var Controller = Spine.Class.create({

init: function(){

$("#destroy").click(this.proxy(this.destroy));

},

destroy: function(){ }

});

不過當你發現老是需要用

proxy() ...