在 ECMAScript 2017 中，JavaScript 新增了 Array.prototype@@iterator 方法，该方法返回一个新的 Array Iterator 对象，该对象可以迭代数组中的每个元素并返回其值。然而，在使用该方法时，我们可能会遇到兼容性问题。本文将介绍如何解决这些问题，并提供示例代码。
兼容性问题
在某些浏览器中，Array.prototype@@iterator 方法可能不被支持。例如，Internet Explorer 和 Safari 10 及之前的版本就不支持该方法。在这些浏览器中使用该方法会导致代码运行错误。
解决方法
为了解决兼容性问题，我们可以使用 polyfill。Polyfill 是一种技术，它可以在不支持某些新特性的浏览器中模拟这些特性。在这种情况下，我们可以使用一个 polyfill 来模拟 Array.prototype@@iterator 方法的行为。
以下是一个简单的 polyfill，用于在不支持 Array.prototype@@iterator 方法的浏览器中模拟其行为：
-- -------------------- ---- -------
-- ----------------------------------- -
-------------------------------- - ---------- -
--- - - --
--- --- - -----
------ -
----- ---------- -
------ - - ---------- -
- ------ --------- ----- ----- - -
- ------ ---------- ----- ---- --
-
--
--
-在上面的代码中，我们检查是否存在 Array.prototype[Symbol.iterator] 属性。如果不存在，则将其设置为一个返回一个新的迭代器对象的函数。
该迭代器对象包含一个 next() 方法，该方法返回一个对象，该对象包含 value 和 done 两个属性。value 属性包含数组中的下一个元素，done 属性指示迭代器是否已经迭代完所有元素。
示例代码
以下是一个使用 Array.prototype@@iterator 方法的示例代码：
var arr = [1, 2, 3]; var iterator = arr[Symbol.iterator](); console.log(iterator.next().value); // 1 console.log(iterator.next().value); // 2 console.log(iterator.next().value); // 3
上面的代码中，我们首先获取一个数组的迭代器对象，然后使用 next() 方法迭代数组中的每个元素，并输出其值。
使用 polyfill 后，我们可以在不支持 Array.prototype@@iterator 方法的浏览器中运行上述示例代码。
总结
Array.prototype@@iterator 方法是 ECMAScript 2017 中的一个新特性，它可以迭代数组中的每个元素。然而，在某些浏览器中可能不支持该方法。为了解决这个问题，我们可以使用一个 polyfill 来模拟其行为。本文提供了一个简单的 polyfill，并提供了示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65176c4a95b1f8cacdf9e51e