list.item (0) Lista vs [0]

Question

document.getElementsByTagName('a').item(0)

y

document.getElementsByTagName('a')[0]

devolverá el mismo resultado ...

es el ex más rápido que el segundo?

Answer 1

Selfmade prueba de rendimiento: http://jsfiddle.net/438jh/2/

La diferencia parece ser insignificante. El segundo método funciona mejor en la mayoría de los casos, pero si observas con qué frecuencia se realiza el ciclo, realmente no importa.

Chrome:

1. método: ~ 260ms
2. método: ~ 170 ms

Answer 2

función elemento es un miembro de NodeList objeto DOM. NodeLists son similares a una matriz, pero no son matrices reales (por ejemplo, son en vivo, de solo lectura, sin funciones de matriz).

La diferencia de rendimiento debe ser insignificante.

Answer 3

Para un ejemplo más práctico, esta técnica tiene el mejor rendimiento. ¡Mira el trabajo de Nicholas Zakas, YAHOO! para obtener más ejemplos:

var cachedDOMquery = Array.prototype.slice.apply(document.getElementsByTagName('a')), 
i = cachedDOMquery.length, 
item; 
while(i--){ 
    item = cachedDOMquery[i]; 
    alert(item.href); 
}