深入理解jQuery的proxy()

一、jQuery中源码：

            
// Bind a function to a context, optionally partially applying any
            // arguments.
            proxy: function(fn, context) {
                if (typeof context === "string") {
                    var tmp = fn[context];
                    context = fn;
                    fn = tmp;
                }

                // Quick check to determine if target is callable, in the spec
                // this throws a TypeError, but we will just return undefined.
                if (!jQuery.isFunction(fn)) {
                    return undefined;
                }

                // Simulated bind
                var args = slice.call(arguments, 2),
                proxy = function() {
                    return fn.apply(context, args.concat(slice.call(arguments)));
                };

                // Set the guid of unique handler to the same of original handler, so it can be removed
                proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;

                return proxy;
            },

 

JQuery.proxy(function,context):
使用context代替function中的context。
比如：
var you = {
  type: "person",
  test: function(event) {
  $("#log").append( this.type + " " );
  }
$("#test").click(you.test);调用这句只有相当于调用：
$("#test").click(function(event){
         $("#log").append( this.type + " " );
});
所以这里的this指的是$("#test").
如果这样调用：$("#test").click($.proxy(you.test,you));
此时的调用相当于：
$("#test").click(function(event){
         $("#log").append( you.type + " " );

});
虽然调用事件的对象是$("#test")，但是却可以使用$.proxy把事件执行内的对象改变为you。
JQuery.proxy(context,functionname):
第一个参数是你想proxy的对象，第二个参数为要改变的函数的名字。
var obj = {
    name: "John",
    test: function() {
      $("#log").append( this.name );
      $("#test").unbind("click", obj.test);
    }
  };
$("#test").click( jQuery.proxy( obj, "test" ) );   把obj作为context传入test中，而不是$("#test").
这个执行完之后，结果会是John，
如果使用下面这句
$("#test").click(obj.test);
结果会是$("#test").的name值。