使用 --downlevelIteration 迭代集合的性能影响 - 是否总是创建新数组？

Question

例如

for (const el of mySet) {

}

使用

--downLevelIteration

进行编译时（对于需要

--downLevelIteration

才能工作的目标），这是否总是会导致在后台创建（并进行垃圾收集）新数组？

如果是这样，在现代浏览器中，当迭代同一组数千次时（例如在第二个 for 循环内），这是否会导致性能急剧下降？

Answer 1

为什么不比较编译的输出来做出决定？

当将示例代码作为输入并启用

downlevelIteration

时：

declare const mySet: Iterable<unknown>;

for (const el of mySet) {}

为

target

设置为

"ES2015"

生成的已编译 JavaScript 为：

游乐场

"use strict";
for (const el of mySet) { }

相比之下：将

target

设置为

"ES5"

会产生：

游乐场

"use strict";
var __values = (this && this.__values) || function(o) {
    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
    if (m) return m.call(o);
    if (o && typeof o.length === "number") return {
        next: function () {
            if (o && i >= o.length) o = void 0;
            return { value: o && o[i++], done: !o };
        }
    };
    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var e_1, _a;
try {
    for (var mySet_1 = __values(mySet), mySet_1_1 = mySet_1.next(); !mySet_1_1.done; mySet_1_1 = mySet_1.next()) {
        var el = mySet_1_1.value;
    }
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
    try {
        if (mySet_1_1 && !mySet_1_1.done && (_a = mySet_1.return)) _a.call(mySet_1);
    }
    finally { if (e_1) throw e_1.error; }
}

选择等于或更新于

ES2015

的目标时，不会生成兼容性代码。目前维护的浏览器都应该提供一个比

ES2015

更新的 ECMAScript 标准覆盖支持的环境，所以我认为你不应该有任何担心，除非你的目标是一个晦涩的/古老的/不受支持的浏览器。