Funções utilitárias
Muitas estruturas JavaScript vêm com um grande número de funções utilitárias que facilitam o desenvolvimento de aplicativos usando JavaScript. Há muito a acrescentar a este artigo, então discutirei uma das funções mais atraentes na maioria dos frameworks.
Se você já trabalhou com arrays JavaScript , provavelmente está familiarizado com o uso de loops para iterar sobre um array e manipular seus valores. Por exemplo, considere o código da Listagem 2:
Listagem 2: A maneira tradicional de iterar em um array JavaScript
var fruta = ['maçã', 'banana', 'laranja'];
for(var i = 0; i < fruta.comprimento; i++) {
alerta(fruta[i]);
}
O código na Listagem 2 está correto, mas é um pouco complicado. A maioria das estruturas JavaScript inclui cada função, que chama uma função específica para cada elemento do array. Usando MooTools, as mesmas operações da Listagem 2 podem ser realizadas usando o código da Listagem 3.
Listagem 3: Usando cada função do MooTools
['maçã', 'banana', 'laranja'].each(function(item) {
alerta(item);
});
A Listagem 3 é sintaticamente idêntica a Prototype e jQuery, com pequenas diferenças entre YUI e ExtJS. No entanto, a sintaxe é diferente em diferentes estruturas quando aplicada a hashes ou objetos. Por exemplo, no MooTools, você pode usar o código da listagem a seguir:
Listagem 4: Usando cada função do MooTools em objetos individuais de pares chave/valor
var hash = new Hash({nome: "Joe Lennon", email: " [email protected] "});
hash.each(função(valor, chave) {
alerta(tecla + ": " + valor);
});
Entretanto, usando a biblioteca Prototype, isso se parece exatamente com o código da Listagem 5:
Listagem 5: Usando cada função do Prototype em objetos individuais de pares chave/valor
var hash = $H({nome: "Joe Lennon", email: " [email protected] "});
hash.each(função(par) {
alerta(par.key + ": " + par.valor);
});
Cada estrutura contém muito mais funções práticas, geralmente divididas em função String, função Number, função Array, função Hash, função Date, etc. Para saber mais, consulte o manual da API do framework JavaScript relevante.
Endereço de reimpressão: http://www.denisdeng.com/?p=716
Endereço original: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html