list.item (0) vs danh sách [0]

Question

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

và

document.getElementsByTagName('a')[0]

sẽ trả lại kết quả tương tự ...

Là cựu nhanh hơn sau này?

Answer 1

Kiểm tra hiệu suất tự thực hiện: http://jsfiddle.net/438jh/2/

Sự khác biệt có vẻ không đáng kể. Phương pháp thứ hai thực hiện tốt hơn trong hầu hết trường hợp, nhưng nếu bạn có một cái nhìn về mức độ thường xuyên của vòng lặp được thực hiện nó không thực sự quan trọng.

Chrome:

1. phương pháp: ~ 260ms
2. phương pháp: ~ 170ms

Answer 2

chức năng mục là thành viên của NodeList đối tượng DOM. NodeLists giống như mảng nhưng chúng không phải là mảng thực (ví dụ: chúng là trực tiếp, chỉ đọc, thiếu các hàm mảng).

Sự khác biệt hiệu suất sẽ không đáng kể.

Answer 3

Để biết ví dụ thực tế hơn, kỹ thuật này có hiệu suất tốt nhất. Nhìn vào công việc của Nicholas Zakas, YAHOO! để biết thêm ví dụ:

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