將變量傳遞給JavaScript函數的上下文

Question

我經常使用這樣的結構：

var $this, url, callback; //some private vars 
loadCallback = function($that, url, callback) { 
    return function(responseText, textStatus, req) { 
     ... 
    }; 
})($this, url, callback) 

然而，是不是很舒服。有其他選擇嗎？
我已經看過jQuery.proxy，但該函數似乎修復了「this」變量，因此loadCallback無法調用應用另一個「this」上下文。

Answer 1

在現代瀏覽器中使用bind。實現自己的簡單的版本是這樣的：

function bind(fn, _this) { 
    var _args = Array.prototype.slice.call(arguments, 2); 
    return function() { 
     return fn.apply(_this, _args.concat(Array.prototype.slice.call(arguments))); 
    } 
} 

用法：

var loadCallback = bind(function(url, responseText, textStatus, req) { 
    console.log(url, responseText) 
}, this, url); 

更完整polyfill can be found on MDN。