中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

proxy()主要用于在同樣的上下文語境中指向另一個對象,下面我們就以實例解析jQuery中proxy()函數的用法,需要的朋友可以參考下

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);

});