Fixing $.proxy to work like (and use) Function.prototype.bind (ticket #7783)
http://bugs.jquery.com/ticket/7783
This commit is contained in:
parent
c9c9057c4d
commit
9f8cd6c499
41
src/core.js
41
src/core.js
|
@ -740,31 +740,42 @@ jQuery.extend({
|
||||||
// A global GUID counter for objects
|
// A global GUID counter for objects
|
||||||
guid: 1,
|
guid: 1,
|
||||||
|
|
||||||
proxy: function( fn, proxy, thisObject ) {
|
// Bind a function to a context, optionally partially applying any
|
||||||
if ( arguments.length === 2 ) {
|
// arguments.
|
||||||
if ( typeof proxy === "string" ) {
|
proxy: function( fn, context ) {
|
||||||
thisObject = fn;
|
var args, proxy;
|
||||||
fn = thisObject[ proxy ];
|
|
||||||
proxy = undefined;
|
|
||||||
|
|
||||||
} else if ( proxy && !jQuery.isFunction( proxy ) ) {
|
// Quick check to determine if target is callable, in the spec
|
||||||
thisObject = proxy;
|
// this throws a TypeError, but we will just return undefined.
|
||||||
proxy = undefined;
|
if ( ! jQuery.isFunction( fn ) ) {
|
||||||
}
|
return undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( !proxy && fn ) {
|
if ( jQuery.isFunction( Function.prototype.bind ) ) {
|
||||||
|
// Native bind
|
||||||
|
args = slice.call( arguments, 1 );
|
||||||
|
proxy = Function.prototype.bind.apply( fn, args );
|
||||||
|
} else {
|
||||||
|
// Simulated bind
|
||||||
|
args = slice.call( arguments, 2 );
|
||||||
|
if ( args.length ) {
|
||||||
proxy = function() {
|
proxy = function() {
|
||||||
return fn.apply( thisObject || this, arguments );
|
return arguments.length ?
|
||||||
|
fn.apply( context, args.concat( slice.call( arguments ) ) ) :
|
||||||
|
fn.apply( context, args );
|
||||||
};
|
};
|
||||||
|
} else {
|
||||||
|
proxy = function() {
|
||||||
|
return arguments.length ?
|
||||||
|
fn.apply( context, arguments ) :
|
||||||
|
fn.call( context );
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set the guid of unique handler to the same of original handler, so it can be removed
|
// Set the guid of unique handler to the same of original handler, so it can be removed
|
||||||
if ( fn ) {
|
|
||||||
proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
|
proxy.guid = fn.guid = fn.guid || proxy.guid || jQuery.guid++;
|
||||||
}
|
|
||||||
|
|
||||||
// So proxy can be declared as an argument
|
|
||||||
return proxy;
|
return proxy;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
32
src/event.js
32
src/event.js
|
@ -891,6 +891,8 @@ if ( document.addEventListener ) {
|
||||||
|
|
||||||
jQuery.each(["bind", "one"], function( i, name ) {
|
jQuery.each(["bind", "one"], function( i, name ) {
|
||||||
jQuery.fn[ name ] = function( type, data, fn ) {
|
jQuery.fn[ name ] = function( type, data, fn ) {
|
||||||
|
var handler;
|
||||||
|
|
||||||
// Handle object literals
|
// Handle object literals
|
||||||
if ( typeof type === "object" ) {
|
if ( typeof type === "object" ) {
|
||||||
for ( var key in type ) {
|
for ( var key in type ) {
|
||||||
|
@ -904,10 +906,15 @@ jQuery.each(["bind", "one"], function( i, name ) {
|
||||||
data = undefined;
|
data = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
var handler = name === "one" ? jQuery.proxy( fn, function( event ) {
|
if ( name === "one" ) {
|
||||||
|
handler = function( event ) {
|
||||||
jQuery( this ).unbind( event, handler );
|
jQuery( this ).unbind( event, handler );
|
||||||
return fn.apply( this, arguments );
|
return fn.apply( this, arguments );
|
||||||
}) : fn;
|
};
|
||||||
|
handler.guid = fn.guid || jQuery.guid++;
|
||||||
|
} else {
|
||||||
|
handler = fn;
|
||||||
|
}
|
||||||
|
|
||||||
if ( type === "unload" && name !== "one" ) {
|
if ( type === "unload" && name !== "one" ) {
|
||||||
this.one( type, data, fn );
|
this.one( type, data, fn );
|
||||||
|
@ -971,14 +978,9 @@ jQuery.fn.extend({
|
||||||
toggle: function( fn ) {
|
toggle: function( fn ) {
|
||||||
// Save reference to arguments for access in closure
|
// Save reference to arguments for access in closure
|
||||||
var args = arguments,
|
var args = arguments,
|
||||||
i = 1;
|
guid = fn.guid || jQuery.guid++,
|
||||||
|
i = 0,
|
||||||
// link all the functions, so any of them can unbind this click handler
|
toggler = function( event ) {
|
||||||
while ( i < args.length ) {
|
|
||||||
jQuery.proxy( fn, args[ i++ ] );
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.click( jQuery.proxy( fn, function( event ) {
|
|
||||||
// Figure out which function to execute
|
// Figure out which function to execute
|
||||||
var lastToggle = ( jQuery.data( this, "lastToggle" + fn.guid ) || 0 ) % i;
|
var lastToggle = ( jQuery.data( this, "lastToggle" + fn.guid ) || 0 ) % i;
|
||||||
jQuery.data( this, "lastToggle" + fn.guid, lastToggle + 1 );
|
jQuery.data( this, "lastToggle" + fn.guid, lastToggle + 1 );
|
||||||
|
@ -988,7 +990,15 @@ jQuery.fn.extend({
|
||||||
|
|
||||||
// and execute the function
|
// and execute the function
|
||||||
return args[ lastToggle ].apply( this, arguments ) || false;
|
return args[ lastToggle ].apply( this, arguments ) || false;
|
||||||
}));
|
};
|
||||||
|
|
||||||
|
// link all the functions, so any of them can unbind this click handler
|
||||||
|
toggler.guid = guid;
|
||||||
|
while ( i < args.length ) {
|
||||||
|
args[ i++ ].guid = guid;
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.click( toggler );
|
||||||
},
|
},
|
||||||
|
|
||||||
hover: function( fnOver, fnOut ) {
|
hover: function( fnOver, fnOut ) {
|
||||||
|
|
|
@ -858,7 +858,7 @@ test("jQuery.isEmptyObject", function(){
|
||||||
});
|
});
|
||||||
|
|
||||||
test("jQuery.proxy", function(){
|
test("jQuery.proxy", function(){
|
||||||
expect(4);
|
expect(5);
|
||||||
|
|
||||||
var test = function(){ equals( this, thisObject, "Make sure that scope is set properly." ); };
|
var test = function(){ equals( this, thisObject, "Make sure that scope is set properly." ); };
|
||||||
var thisObject = { foo: "bar", method: test };
|
var thisObject = { foo: "bar", method: test };
|
||||||
|
@ -872,8 +872,13 @@ test("jQuery.proxy", function(){
|
||||||
// Make sure it doesn't freak out
|
// Make sure it doesn't freak out
|
||||||
equals( jQuery.proxy( null, thisObject ), undefined, "Make sure no function was returned." );
|
equals( jQuery.proxy( null, thisObject ), undefined, "Make sure no function was returned." );
|
||||||
|
|
||||||
// Use the string shortcut
|
// Partial application
|
||||||
jQuery.proxy( thisObject, "method" )();
|
var test2 = function( a ){ equals( a, "pre-applied", "Ensure arguments can be pre-applied." ); };
|
||||||
|
jQuery.proxy( test2, null, "pre-applied" )();
|
||||||
|
|
||||||
|
// Partial application w/ normal arguments
|
||||||
|
var test3 = function( a, b ){ equals( b, "normal", "Ensure arguments can be pre-applied and passed as usual." ); };
|
||||||
|
jQuery.proxy( test3, null, "pre-applied" )( "normal" );
|
||||||
});
|
});
|
||||||
|
|
||||||
test("jQuery.parseJSON", function(){
|
test("jQuery.parseJSON", function(){
|
||||||
|
|
Loading…
Reference in a new issue