包裝重新定義「this」的JavaScript回調

Question

我知道關於call和apply在JavaScript中，但我目前堅持以下情況。

我使用Benchmarkjs，它有這樣定義的API：

.on(eventType, listener) 

所以我會做，比如：

/* Register the onStart callback */ 
suite.on('start', onStart); 

我onStart函數將被調用這樣this === suite。

我該怎麼做才能定義onStart的arguments之一？

我的代碼是這樣的：

foo = function() { 
    this.suite.on('start', this.onStart); 
} 

我想我onStart功能有一個參考foo。

有什麼建議嗎？

Answer 1

您可以調用Function.prototype.bind創建部分應用程序/ curried函數。

.bind()取上下文作爲第一參數和在參數的所有下面通過將用作形式參數用於綁定函數調用。

suite.on('start', this.onStart.bind(this, foo)); 

到foo參考現在將提供給onStart()非常的第一個參數。

Answer 2

您可以將this轉換爲onStart，方法是將其封裝在函數中。

foo = function() { 
    this.suite.on('start', function(arguments){onStart(arguments, this)}); 
} 

我喜歡它傳遞而不是使用bind，由於bind不受IE 8和下部支撐。