jQuery.proxy(function,context)

jQuery.proxy(function,context)

概述

jQuery 1.4 新增。返回一个新函数，并且这个函数始终保持了特定的作用域。大理石平台检定规程

当有事件处理函数要附加到元素上，但他们的作用域实际是指向另一个对象时，这个方法最有用了。此外，最妙的是，jQuery能够确保即便你绑定的函数是经过jQuery.proxy()处理过的函数，你依然可以传递原先的函数来准确无误地取消绑定。请参考下面的例子。

这个函数还有另一种用法，jQuery.proxy( scope, name )。第一个参数是要设定的作用域对象。第二个参数是将要设置作用域的函数名（必须是第一个作用域对象的一个属性）。

参数

function,contextFunction,ObjectV1.4

function:将要被改变作用域的函数

context:一个object，那个函数的作用域会被设置到这个object上来。

context,nameObject,ObjectV1.4

context:一个object，那个函数的作用域会被设置到这个object上来。

name：改变上下文中的函数名(这个函数必须是前一个参数 'context' 对象的属性)

示例

描述:

强制设置函数的作用域，让this指向obj而不是#test对象。

HTML 代码:

<div id="test">Click Here!</div>

jQuery 代码:

var obj = {
  name: "John",
  test: function() {
    alert( this.name );
    $("#test").unbind("click", obj.test);
  }
};

$("#test").click( jQuery.proxy( obj, "test" ) );

// 以下代码跟上面那句是等价的:
// $("#test").click( jQuery.proxy( obj.test, obj ) );

// 可以与单独执行下面这句做个比较。
// $("#test").click( obj.test );