ECMA6Script中[] .forEach.call(...)的替代方案

Question

我在所有应用程序中使用以下代码来枚举DOM元素:

var elements = document.querySelectorAll('div');
[].forEach.call(elements, function(element) {
    div.style.color = 'green';
});

此代码有效,但[].forEach.call(...)在大型应用程序中不易阅读.在不使用自定义函数或原型的情况下,ECMA6Script中是否有更简单的DOM枚举原生方式？

Answer 1

你不会再forEach在ES6中使用了.你使用for of循环:

for (let div of document.querySelectorAll('div'))
    div.style.color = 'green';

除此之外,您可以使用Array.from将可迭代对象强制转换为数组,然后对其进行调用.forEach; 但事实上,对于即将推出的DOM规范,这将是不必要的,querySelectorAll它将返回以ES6方式Elements继承的集合Array- 因此您可以.forEach直接在其上调用该方法!