IE从控制台调用时支持forEach(...),但从代码调用时则不支持

Question

我在控制台上运行这个片段.在IE中,它按预期产生输出.在Cr和FF中运行相同的参考确认了行为的一致性.

["a", "b"].forEach(function(element) {
  console.log(element);
});

但是,当运行以下脚本时,我收到错误,告诉我该对象没有在其上声明forEach(...).问题发生在IE中,但不发生在Cr和FF中.

var menus = document.querySelectorAll("ul.application>li>a");
menus.forEach(function(element) { ... }

我已经检查过变量菜单被声明了,并且选择它的元素会产生我所期望的,即菜单[0]存在并且是一个标签.与其他人相比,它在IE中看起来有点不同,但它可能只是不同的再现.

我一直很幸运与Cr和FF合作,所以我处理IE的经验有限.谷歌搜索并没有给我太多智慧.

我该如何进一步排除故障？

Answer 1

基本上document.querySelectorAll会返回一个nodeList像对象而不是数组的数组.在调用数组函数之前,必须将其转换为数组.

var menus = document.querySelectorAll("ul.application>li>a");
menus = [].slice.call(menus);
menus.forEach(function(element) { ... });

如果您的环境支持ES6,那么您可以使用 Array.from()

var menus = document.querySelectorAll("ul.application>li>a");
menus = Array.from(menus);
menus.forEach(function(element) { ... });