内容目录
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
0 条评论
撰写评论