$.Callbacks() in jQuery 1.7

Ab und an scheint doch nochmal etwas neues und sinnvolles in jQuery zu kommen, in der Version 1.7 sind es wohl unter anderem die $.Callbacks(). Im Prinzip sind die Callbacks ein Stack von Functions, die sich automatisch nacheinander aufrufen lassen. Natürlich gibt es einige Möglichkeiten mehr, aber in der ganzen einfachen Variante reicht das schon als Erklärung. Natürlich lässt sich der Stack beliebig ändern, und wahrscheinlich kann er die eine oder andere Javascript-Anwendung stark vereinfachen. Als Beispiel nehmen wir mal zwei Funktionen her:

var fn1 = function( value ){
	console.log( 'fn1: ' + value );
}
var fn2 = function( value ){
	console.log( 'fn2: ' + value );
}

Normalerweise ruft man sie wie folgt auf:

fn1('foo');
fn2('bar');

Man kann diese aber auch mittels $.Callbacks() ansprechen:

var callbacks = $.Callbacks();  
callbacks.add( fn1 );  
callbacks.add( fn2 );

Dann vereinfacht sich der Aufruf der Functions auf eine einzelne Zeile:

callbacks.fire( 'foo bar' );

Lustigerweise werden beide Functions beim .fire mit dem gleichen Parameter aufgerufen, es wird in dem Beispiel demnach 2x „foo bar“ ausgegeben. Insofern muss man wirklich aufpassen was man so treibt, aber für die Manipulation von Objekte ist es optimal.

Sinn und Zweck ist es natürlich, Code zu vereinfachen. Ob es immer oder überhaupt Sinn macht $.Callbacks() zu verwenden sei an dieser Stelle einmal dahingestellt, eine weiterführende Erklärung was man mit $.Callbacks() alles anstellen kann, gibt es hier.

Ähnliche Beiträge

Google Maps API – Geocodierung In den bisherigen Teilen des Tutorials haben wir eine Adresse immer mittels der Koordinaten übergeben. Wie schon festgestellt birgt das einiges an Pro...
HTML-Tables mit jQuery Ich hoffe ihr benutzt Tabellen nur noch zur Datenvisualisierung, und nicht mehr für das Design! ;) Aber zumindest dort sind sie unumgänglich. Dummerwe...
Cached Commons – CDN für JavaScript und CSS Neuerdings lädt man ja Javascript nicht mehr vom eigenen Server, sondern verwendet die Google Libraries API, das ist zwar ganz nett, aber der Dienst b...
HTML5 File Upload in jQuery Eine der sinnvollsten Erweiterungen von HTML5 (und wahrscheinlich auch die am meisten benutzte) ist der neue Datei-Upload. In der Vergangenheit war es...

Schreibe einen Kommentar