打字稿 Symbol.iterator

Question

我正在尝试创建一个自定义迭代。

这是我的代码的简化示例：

class SortedArray {
    *[Symbol.iterator]() {
        yield 1;
        yield 2;
        yield 3;
        return 4;
    }
}
const testingIterables = new SortedArray();
for(let item of testingIterables as any) { // i have to cast it as any or it won't compile
    console.log(item);
}

此代码将在 ES6 上正确运行，但使用 TypeScript 它将编译并且不打印可迭代值。

这是 TypeScript 中的错误还是我遗漏了什么？

谢谢

Answer 1

这不是错误。这取决于你的目标。

TypeScript 做出了一个（在我看来是可怕的）设计决定，如果你将 TS for..of 转换为 ES5 或 ES3，它会发出一个正常的 for (var i; i < testingIterables.length; i++) 循环。

因此，对于目标 ES5 和 ES3，for..of 循环中只允许使用数组和字符串。

有几种方法可以解决这个问题：

• 如果你的 TypeScript 超过 2.3，你可以将 downlevelIteration 标志设置为 true，这将导致 TypeScript 正确编译迭代器，但这意味着你必须在运行时有一个 Symbol.iterator polyfill 来支持不支持的浏览器，否则这些浏览器可能会在意想不到的地方出现运行时错误。
• 选择更高的目标，ES2015 或更高版本可以工作。然后，您可以使用 Babel 进一步向下转换（您还需要运行时 polyfill 才能使符号工作）
• 使用while 自己解包迭代器并调用testingIterables.next()。