我在弄清楚这个声明有什么问题时遇到了一些问题。
for(const form of doc.getElementsByClassName('class-name')) { .... }
查看 compatibility listings为此,我可以理解为什么它在没有支持的情况下在 safari 上运行纯 ES6 时会出现问题。然而,当我用 babel 编译 ES6 时,这种情况才会发生。
编译后我得到以下信息:
var _iteratorNormalCompletion3 = true;
var _didIteratorError3 = false;
var _iteratorError3 = undefined;
try {
for (var _iterator3 = doc.getElementsByClassName('class-name')[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
var form = _step3.value;
}
} catch (err) {
_didIteratorError3 = true;
_iteratorError3 = err;
} finally {
try {
if (!_iteratorNormalCompletion3 && _iterator3.return) {
_iterator3.return();
}
} finally {
if (_didIteratorError3) {
throw _iteratorError3;
}
}
}
但这会触发 safari 中的错误
TypeError: doc.getElementsByClassName('class-name')[Symbol.iterator] is not a function. (In 'doc.getElementsByClassName('class-name')[Symbol.iterator]()', 'doc.getElementsByClassName('class-name')[Symbol.iterator]' is undefined)
这是使用最新版本的 Babel,通过 browserify 和 babelify 所有最新版本用 gulp 编译。如果我安装 transform-es2015-for-of
插件并强制启用它,我会得到以下结果:
var _loop = function _loop() { };
for (var _iterator2 = doc.getElementsByClassName('class-name'), _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
var _ref2;
var _ret = _loop();
if (_ret === 'break') break;
}
但这给了我另一个 safari 错误:
TypeError: _iterator2[Symbol.iterator] is not a function. (In '_iterator2[Symbol.iterator]()', '_iterator2[Symbol.iterator]' is undefined)
最佳答案
要遍历 NodeList ,NodeList 需要有一个 Symbol.iterator
属性,但 babel 不会填充 DOM,只有 JS。
我建议不要完全使用 for of
,或者在 babel 之外使用 HTML5 DOM polyfill 来使其工作。
关于javascript - ES6 for of 语句错误,即使使用 babel 编译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50114357/