个人对JQueryProxy()函数的理解

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值。

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


本文题目:个人对JQueryProxy()函数的理解
分享链接:http://bzwzjz.com/article/ijcejh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销型网站建设 网站设计公司 成都网站设计 品牌网站建设 成都h5网站建设 外贸网站建设 成都做网站建设公司 营销网站建设 成都网站建设 网站制作 成都网站建设 移动网站建设 成都网站建设 企业网站设计 手机网站制作 成都网站制作 成都网站建设 成都网站建设 网站建设公司 成都网站制作 成都网站设计 成都响应式网站建设公司