个人对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值。

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

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前名称:个人对JQueryProxy()函数的理解-创新互联
浏览地址:http://azwzsj.com/article/jioss.html