jQuery.proxy(),接受一個函數,然后返回一個新函數,并且這個新函數始終保持了特定的上下文(context )語境。
jQuery.proxy( function, context )
function將要改變上下文語境的函數。
context函數的上下文語境(`this`)會被設置成這個 object 對象。
jQuery.proxy( context, name )
context函數的上下文語境會被設置成這個 object 對象。
name將要改變上下文語境的函數名(這個函數必須是前一個參數 ‘context' 對象的屬性)
這個方法通常在向一個元素上附加事件處理函數時,上下文語境實際是指向另一個對象的情況下使用。
另外,jQuery 能夠確保即使你綁定的函數是經過 jQuery.proxy() 處理過的函數,你依然可以用原先的函數來正確地取消綁定。
參數:
function:Function類型需要更改上下文對象的函數。
context:任意類型指定為函數設置的上下文對象。
name:String類型需要更改上下文對象的函數名稱(它應該是context的一個屬性)。
additionalArguments 可選/任意類型指定調用該函數時需要傳入的參數,參數可以有任意多個。
注意事項:
參數additionalArguments是從 jQuery 1.6 開始支持的。
該方法非常適用于在附加事件處理函數時,將事件處理函數的上下文指向另一個對象。此外,jQuery確保:即使你使用jQuery.proxy()返回的"代理"函數來綁定事件,如果你在解除綁定時傳入原函數,jQuery仍然可以正確解除綁定。
從jQuery 1.9 開始,如果context為null或undefined,則"代理"函數的上下文不會發生更改。這將允許jQuery.proxy()只傳入函數的參數,而不更改函數的上下文。
實例
我們先看個例子:
//正常的this使用$('#Haorooms').click(function() {  // 這個this是我們所期望的,當前元素的this.  $(this).addClass('aNewClass');});//并非所期望的this$('#Haorooms').click(function() {  setTimeout(function() {     // 這個this指向的是settimeout函數內部,而非之前的html元素    $(this).addClass('aNewClass');  }, 1000);});這時候怎么辦呢,通常的一種做法是這樣的:
$('#Haorooms').click(function() {  var that = this;  //設置一個變量,指向這個需要的this  setTimeout(function() {     // 這個this指向的是settimeout函數內部,而非之前的html元素    $(that).addClass('aNewClass');  }, 1000);});但是,在使用了jquery框架的情況下, 有一種更好的方式,就是使用$.proxy函數。
有兩種語法:
jQuery.proxy( function, context )/**function將要改變上下文語境的函數。** context函數的上下文語境(`this`)會被設置成這個 object 對象。**/jQuery.proxy( context, name )/**context函數的上下文語境會被設置成這個 object 對象。**name將要改變上下文語境的函數名(這個函數必須是前一個參數 ‘context' **對象的屬性)**/
上面的例子使用這種方式就可以修改成:
$('#Haorooms').click(function() {  setTimeout($.proxy(function() {    $(this).addClass('aNewClass');   }, this), 1000);});新聞熱點
疑難解答