jquery $.proxy的使用

来源:互联网 发布:单机游戏数据修改器 编辑:程序博客网 时间:2024/06/16 22:31

原文:http://www.jb51.net/article/48704.htm  


***************************************************************************************************************************************************************************

jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。

  • jQuery.proxy( function, context )

    function将要改变上下文语境的函数。

    context函数的上下文语境(`this`)会被设置成这个 object 对象。

  • jQuery.proxy( context, name )

    context函数的上下文语境会被设置成这个 object 对象。

    name将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context’ 对象的属性)

这个方法通常在向一个元素上附加事件处理函数时,上下文语境实际是指向另一个对象的情况下使用。

下面请看一个实例:

<input type="button" value="测试" id="guoBtn" name="我是按钮的name"/> 

var obj = { 
name: "我是obj的name", 
sayName: function () { 
alert(this.name); 

} 

$("#guoBtn").click(obj.sayName); //我是按钮的name 

// 如果我想访问obj的name怎么办呢? 
$("#guoBtn").click($.proxy(obj.sayName,obj));//"我是obj的name" 
$("#guoBtn").click($.proxy(obj, "sayName")); //"我是obj的name" 

从上面proxy(a,b)的用法可以看出其参数的两种写法:

第一种: a是一个function函数, b是这个函数的对象所有者. 
第二种: a是一个对象, b是一个字符串, 并且是a的属性名. 


0 0