您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月25日 07:08

原创 jQuery.proxy() 函数详解

1781 次浏览 读完需要≈ 6 分钟

内容目录

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 开始,如果contextnullundefined,则"代理"函数的上下文不会发生更改。这将允许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

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论