Typescript array.from(iterator) 类型不正确，不能强制转换？

Question

在将流代码转换为打字稿时，使用迭代器时会发生错误。迭代器缺少一些东西

const iter: Iterator<RouteData> = contentMap.routes();
const contentArray: Array<RouteData> = Array.from(iter);

它给出了以下错误，注意它指向 second 行，所以iter 是正确的类型/contentMap.routes() 的返回是一个迭代器：

Error:(109, 55) TS2769: No overload matches this call.
  Overload 1 of 4, '(iterable: Iterable<RouteData> | ArrayLike<RouteData>): RouteData[]', gave the following error.
    Argument of type 'Iterator<RouteData, any, undefined>' is not assignable to parameter of type 'Iterable<RouteData> | ArrayLike<RouteData>'.
      Property 'length' is missing in type 'Iterator<RouteData, any, undefined>' but required in type 'ArrayLike<RouteData>'.
  Overload 2 of 4, '(arrayLike: ArrayLike<RouteData>): RouteData[]', gave the following error.
    Argument of type 'Iterator<RouteData, any, undefined>' is not assignable to parameter of type 'ArrayLike<RouteData>'.

为什么会发生这种情况，我该如何解决？

迭代器是在以下位置创建的：

routes():Iterator<RouteData> {
    return this._routes.values();
}

typescript 的编译目标是“es6”，所以应该完全支持映射？还是不可能从迭代器创建一个数组，而我做错了（而且 babel 就是那么宽容）？

Answer 1

您可能知道，iterator 是一个带有 next 方法的对象，用于迭代 iterable（带有 [Symbol.iterator] 方法的对象，用于获取一个迭代器）。

Array.from 接受一个 iterable（或类似数组），但在该代码中它认为它只是获得一个 iterator。

大多数迭代器，包括您从标准 JavaScript 方法获得的所有迭代器，也是可迭代的，因为它们直接或间接通过迭代器原型实现 [Symbol.iterator]() { return this; }，但并非所有迭代器都这样做。所以假设所有迭代器都是可迭代的并不安全。

您可能想要更新routes 以表明它返回的东西既是迭代器又是可迭代的：

routes(): Iterator<T> & Iterable<T> {
    return this._routes.values();
}

然后：

const iter = contentMap.routes();
const contentArray = Array.from(iter);

（不需要显式类型，TypeScript 会推断它们。）

Here's a version 在操场上使用Iterator 演示问题。

Here's that same code 使用 Iterator<T> & Iterable<T> 如上所述。