Fixing $.proxy to work like (and use) Function.prototype.bind (ticket #7783)

http://bugs.jquery.com/ticket/7783
This commit is contained in:
Gianni Chiappetta 2010-12-14 21:53:04 -05:00
parent c9c9057c4d
commit 9f8cd6c499
3 changed files with 65 additions and 39 deletions

View file

@ -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;
}, },

View file

@ -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 ) {

View file

@ -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(){