Utility-Funktionen
Viele JavaScript-Frameworks verfügen über zahlreiche Hilfsfunktionen, die die Entwicklung von Anwendungen mit JavaScript erleichtern. Es gibt zu diesem Artikel zu viel hinzuzufügen, daher werde ich eine der überzeugenderen Funktionen in den meisten Frameworks besprechen.
Wenn Sie jemals mit JavaScript- Arrays gearbeitet haben, sind Sie wahrscheinlich mit der Verwendung von Schleifen vertraut, um ein Array zu durchlaufen und seine Werte zu manipulieren. Betrachten Sie beispielsweise den Code in Listing 2:
Listing 2: Die traditionelle Art, über ein JavaScript-Array zu iterieren
var Fruit = ['Apfel', 'Banane', 'Orange'];
for(var i = 0; i < Fruit.length; i++) {
Alert(Frucht[i]);
}
Der Code in Listing 2 ist korrekt, aber etwas umständlich. Die meisten JavaScript-Frameworks enthalten die Funktion „each“, die für jedes Element im Array eine bestimmte Funktion aufruft. Mit MooTools können die gleichen Vorgänge in Listing 2 mit dem Code in Listing 3 ausgeführt werden.
Listing 3: Verwendung der einzelnen Funktionen von MooTools
['Apfel', 'Banane', 'Orange'].each(function(item) {
alarm(item);
});
Listing 3 ist syntaktisch identisch mit Prototype und jQuery, mit geringfügigen Unterschieden zwischen YUI und ExtJS. Die Syntax unterscheidet sich jedoch je nach Framework, wenn sie auf Hashes oder Objekte angewendet wird. In MooTools können Sie beispielsweise den Code in der folgenden Auflistung verwenden:
Listing 4: Verwendung der Funktion „jede“ von MooTools für einzelne Objekte von Schlüssel/Wert-Paaren
var hash = new Hash({name: „Joe Lennon“, E-Mail: „ [email protected] “});
hash.each(function(value, key) {
alarm(key + ": " + value);
});
Bei Verwendung der Prototype-Bibliothek sieht dies jedoch genauso aus wie der Code in Listing 5:
Listing 5: Verwendung der Each-Funktion von Prototype für einzelne Objekte von Schlüssel/Wert-Paaren
var hash = $H({name: „Joe Lennon“, E-Mail: „ [email protected] “});
hash.each(function(pair) {
alarm(pair.key + ": " +pair.value);
});
Jedes Framework enthält viele weitere praktische Funktionen, die normalerweise in String-Funktion, Zahlenfunktion, Array-Funktion, Hash-Funktion, Datumsfunktion usw. unterteilt sind. Weitere Informationen finden Sie im API-Handbuch des entsprechenden JavaScript-Frameworks.
Nachdruckadresse: http://www.denisdeng.com/?p=716
Ursprüngliche Adresse: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html