jQuery Proxy函数

本文深入探讨了jQuery.proxy方法的使用场景,特别是如何在事件处理函数中保持特定的作用域,以及如何通过该方法确保正确绑定和取消绑定函数。通过示例代码展示其在实际开发中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery.proxy(function,obj)

jquery1.4新增,返回一个新函数,并且这个函数始终保持了特定的作用域。

当有事件处理函数要附加到元素上,但他们的作用域实际是指向另一个对象时,这个方法最有用了。此外,最妙的是,jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过的函数,你依然可以传递原先的函数来准确无误地取消绑定。请参考下面的例子。

这个函数还有另一种用法,jQuery.proxy( scope, name 
)。第一个参数是要设定的作用域对象。第二个参数是将要设置作用域的函数名(必须是第一个作用域对象的一个属性)。

看起来有点call/apply的意思是不是?

示例:

<div id="test">Click Here!</div>

var obj = {
  name: "John",
  test: function() {
    alert( this.name );
    $("#test").unbind("click", obj.test);
  }
};
 
$("#test").click( jQuery.proxy( obj, "test" ) );
 
// 以下代码跟上面那句是等价的:
// $("#test").click( jQuery.proxy( obj.test, obj ) );
 
// 可以与单独执行下面这句做个比较。
// $("#test").click( obj.test );

前两种输出的是指定的作用域obj,所以弹出john,后一种this.name将只想window.name,弹出undefined

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值