jQuery.proxy() 函数详解

Posted 2020-09-07

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