Funciones de utilidad
Muchos marcos de JavaScript vienen con una gran cantidad de funciones de utilidad que facilitan el desarrollo de aplicaciones utilizando JavaScript. Hay mucho que agregar a este artículo, así que discutiré una de las funciones más atractivas en la mayoría de los marcos.
Si alguna vez ha trabajado con matrices de JavaScript , probablemente esté familiarizado con el uso de bucles para iterar sobre una matriz y manipular sus valores. Por ejemplo, considere el código del Listado 2:
Listado 2: La forma tradicional de iterar sobre una matriz de JavaScript
var fruta = ['manzana', 'plátano', 'naranja'];
for(var i = 0; i < fruta.longitud; i++) {
alerta(fruta[i]);
}
El código del Listado 2 es correcto, pero un poco engorroso. La mayoría de los marcos de JavaScript incluyen cada función, que llama a una función específica para cada elemento de la matriz. Usando MooTools, las mismas operaciones en el Listado 2 se pueden lograr usando el código en el Listado 3.
Listado 3: Uso de cada función de MooTools
['manzana', 'plátano', 'naranja'].cada uno(función(elemento) {
alerta(elemento);
});
El Listado 3 es sintácticamente idéntico a Prototype y jQuery, con ligeras diferencias entre YUI y ExtJS. Sin embargo, la sintaxis es diferente en los diferentes marcos cuando se aplica a hashes u objetos. Por ejemplo, en MooTools, puede utilizar el código del siguiente listado:
Listado 4: Uso de cada función de MooTools en objetos individuales de pares clave/valor
var hash = new Hash({nombre: "Joe Lennon", correo electrónico: " [email protected] "});
hash.each(función(valor, clave) {
alerta(tecla + ": " + valor);
});
Sin embargo, al usar la biblioteca Prototype, esto se parece al código del Listado 5:
Listado 5: Uso de cada función de Prototype en objetos individuales de pares clave/valor
var hash = $H({nombre: "Joe Lennon", correo electrónico: " [email protected] "});
hash.cada uno (función (par) {
alerta(par.clave + ": " + par.valor);
});
Cada marco contiene muchas más funciones prácticas, generalmente divididas en función de cadena, función de número, función de matriz, función hash, función de fecha, etc. Para obtener más información, consulte el manual de API del marco de JavaScript correspondiente.
Dirección de reimpresión: http://www.denisdeng.com/?p=716
Dirección original: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html