为了账号安全,请及时绑定邮箱和手机立即绑定

个人对JQuery Proxy()函数的理解

标签:
JQuery

JQuery.proxy(function,context):

使用context代替function中的context。

比如:

var you = {

 type: "person",

 test: function(event) {

   $("#log").append( this.type + " " );

 }

$("#test").click(you.test);调用这句只有相当于调用:

$("#test").click(function(event){

        $("#log").append( this.type + " " );

});

所以这里的this指的是$("#test").


如果这样调用:$("#test").click($.proxy(you.test,you));

此时的调用相当于:

$("#test").click(function(event){

        $("#log").append( you.type + " " );

});

虽然调用事件的对象是$("#test"),但是却可以使用$.proxy把事件执行内的对象改变为you。


JQuery.proxy(context,functionname):

第一个参数是你想proxy的对象,第二个参数为要改变的函数的名字。

var obj = {

   name: "John",

   test: function() {

     $("#log").append( this.name );

     $("#test").unbind("click", obj.test);

   }

 };


 $("#test").click( jQuery.proxy( obj, "test" ) );   把obj作为context传入test中,而不是$("#test").

这个执行完之后,结果会是John,

如果使用下面这句

$("#test").click(obj.test);

结果会是$("#test").的name值。


这个函数和上面的那个函数的功能一样,就是使用了更加简洁的方式。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消