实例解析jQuery中proxy()函数的用法

jQuery.proxy( function, context )

jQuery.proxy( context, name )

//正常的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( 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);

});