Fonctions utilitaires
De nombreux frameworks JavaScript sont livrés avec un grand nombre de fonctions utilitaires qui facilitent le développement d'applications à l'aide de JavaScript. Il y a trop de choses à ajouter à cet article, je vais donc aborder l'une des fonctions les plus intéressantes de la plupart des frameworks.
Si vous avez déjà travaillé avec des tableaux JavaScript , vous êtes probablement familier avec l'utilisation de boucles pour parcourir un tableau et manipuler ses valeurs. Par exemple, considérons le code du listing 2 :
Listing 2 : La manière traditionnelle de parcourir un tableau JavaScript
var fruit = ['pomme', 'banane', 'orange'];
for(var i = 0; i < fruit.length; i++) {
alerte(fruit[i]);
}
Le code du listing 2 est correct, mais il est un peu fastidieux. La plupart des frameworks JavaScript incluent la fonction each, qui appelle une fonction spécifique pour chaque élément du tableau. En utilisant MooTools, les mêmes opérations du Listing 2 peuvent être accomplies en utilisant le code du Listing 3.
Listing 3 : Utilisation de chaque fonction de MooTools
['pomme', 'banane', 'orange'].each(function(item) {
alerte (élément);
});
Le listing 3 est syntaxiquement identique à Prototype et jQuery, avec de légères différences entre YUI et ExtJS. Cependant, la syntaxe est différente selon les frameworks lorsqu'elle est appliquée aux hachages ou aux objets. Par exemple, dans MooTools, vous pouvez utiliser le code dans la liste suivante :
Listing 4 : Utilisation de chaque fonction de MooTools sur des objets individuels de paires clé/valeur
var hash = new Hash({nom : "Joe Lennon", email : " [email protected] "});
hash.each (fonction (valeur, clé) {
alert(clé + ": " + valeur);
});
Cependant, en utilisant la bibliothèque Prototype, cela ressemble au code du Listing 5 :
Listing 5 : Utilisation de chaque fonction de Prototype sur des objets individuels de paires clé/valeur
var hash = $H({nom : "Joe Lennon", email : " [email protected] "});
hash.each (fonction (paire) {
alert(paire.key + ": " + paire.value);
});
Chaque framework contient de nombreuses fonctions plus pratiques, généralement divisées en fonction String, fonction Number, fonction Array, fonction Hash, fonction Date, etc. Pour en savoir plus, consultez le manuel API du framework JavaScript concerné.
Adresse de réimpression : http://www.denisdeng.com/?p=716
Adresse d'origine : http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html