Видите ли вы какие-либо проблемы со следующим:
NodeList.prototype.forEach = Array.prototype.forEach;
Обычно forEach является просто свойством массивов, но если установить его как свойство всех NodeList, нет необходимости преобразовывать NodeList в массив, прежде чем вы сможете перебирать его узлы с помощью forEach.
Часто не рекомендуется расширять функциональность DOM с помощью прототипов, особенно в старых версиях IE (статья ).
Однако вы можете просто использовать Array.prototype.forEach, даже не добавляя его в цепочку прототипов и не преобразовывая NodeList в массив:
var list = document.querySelectorAll(".some.query");
Array.prototype.forEach.call(list, function(el){ /* ... */ });
/* or */
var forEach = function(ctn, callback){
return Array.prototype.forEach.call(ctn, callback);
}
forEach(list, function(el){ /* ... */ });
См. также MDN: Почему я не могу использовать forEach или map на NodeList.
Array.prototype.forEach.call(... вместо просто Array.prototype.forEach(..., когда в синтаксисе MDN говорится, что вы можете определить this во втором параметре. developer.mozilla.org/en-US/ docs/Web/JavaScript/Reference/ Я просто пытаюсь улучшить свое понимание.
- person Muhammad Umer; 12.09.2014
thisArg – это значение this во время callback, не во время Array.prototype.forEach.
- person Zeta; 12.09.2014
XMLHttpRequest или с помощью jQuery $.get("/test.xml", function(xmlDocument) { Array.prototype.forEach.call(xmlDocument.childNodes, function(node) {...}); });. Однако решение из этот пост работает нормально: Array.from(xmlDocument.childNodes).forEach(function(node) {...});. Для узлов документа DOM работает нормально: NodeList.prototype.forEach = Array.prototype.forEach; document.childNodes.forEach(function(node) { ... });. ФФ v45, Хром v53.
- person dma_k; 06.03.2018
Если вы работаете над библиотекой, которая будет использоваться другими людьми, то делать это не рекомендуется.
Если это просто ваш собственный код (т.е. веб-сайт), то, думаю, в этом нет ничего страшного. Вам, вероятно, следует охранять его, потому что в будущем браузеры будут поддерживать NodeList.prototype.forEach изначально (Chrome уже поддерживает).
if (!NodeList.prototype.forEach) {
NodeList.prototype.forEach = Array.prototype.forEach;
}
Как упоминал Зета, было бы лучше использовать функцию удобства. Эта версия, однако, позволит вам придать ей контекст.
var forEach = function(list, callback, context){
return Array.prototype.forEach.call(list, callback, context);
};
NodeList.prototype.forEach() теперь доступен в большинстве браузеров: https://developer.mozilla.org/fr/docs/Web/API/NodeList/forEach
Таблица совместимости браузеров: https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Browser_Compatibility
