首页 > 代码库 > jQuery.proxy() 函数详解
jQuery.proxy() 函数详解
jQuery.proxy()
函数用于改变函数的上下文。
你可以将指定函数传入该函数,该函数将返回一个新的函数,其执行代码不变,但函数内部的上下文(this)已经被更改为指定值。
该函数属于全局的jQuery
对象。
语法
jQuery 1.4 新增该静态函数。jQuery.proxy()
函数有如下两种用法:
用法一:
jQuery.proxy( function, context [, additionalArguments ] )
将函数function
的上下文对象更改为指定的context
。
用法二:
jQuery.proxy( context, name [, additionalArguments ] )
将名为name
的函数的上下文更改为指定的context
。函数name
应是context
对象的一个属性。
参数
请根据前面语法部分所定义的参数名称查找对应的参数。
参数 | 描述 |
---|---|
function | Function类型需要更改上下文对象的函数。 |
context | 任意类型指定为函数设置的上下文对象。 |
name | String类型需要更改上下文对象的函数名称(它应该是context的一个属性)。 |
additionalArguments | 可选/任意类型指定调用该函数时需要传入的参数,参数可以有任意多个。 |
注意事项:
- 参数
additionalArguments
是从 jQuery 1.6 开始支持的。 - 该方法非常适用于在附加事件处理函数时,将事件处理函数的上下文指向另一个对象。此外,jQuery确保:即使你使用
jQuery.proxy()
返回的"代理"函数来绑定事件,如果你在解除绑定时传入原函数,jQuery仍然可以正确解除绑定。 - 从jQuery 1.9 开始,如果
context
为null或undefined,则"代理"函数的上下文不会发生更改。这将允许jQuery.proxy()
只传入函数的参数,而不更改函数的上下文。
返回值
jQuery.proxy()
函数的返回值为XMLDocument类型,返回解析后的XML文档对象。
示例&说明
以下是与jQuery.proxy()
函数相关的jQuery示例代码,以演示jQuery.proxy()
函数的具体用法:
//在当前页面内追加换行标签和指定的HTML内容 function w( html ){ document.body.innerHTML += "<br/>" + html; } var name = "Hello"; function foo( a, b ){ w( this.name ); w( a + b ); } // 直接调用 foo( 1, 2 ); // Hello // 3 var obj = { name: "CodePlayer", age: 18 }; var proxy = $.proxy( foo, obj, 5, 10 ); // 代理调用foo()函数,此时其内部的this指向对象obj proxy(); // CodePlayer // 15
jQuery.proxy() 函数详解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。