令人敬畏的类型记录-加载程序:空数组的扩展返回空数组

Question

嗯，这一切都很棒，直到我开始扩展空数组来呈现几个类似的索引依赖组件。

我编写了这一行代码(和往常一样)：

[...Array(3)].map((_, i) => {...}) // return something, you know

或者，相对来说

[...Array(3)].map((_, i) => i)

我期待的是什么以及正常的行为(例如，在Chrome的控制台中，或者在我开始打字之前，Babel做了什么)：

[0, 1, 2]

我在React应用程序中获得了什么(使用webpack-dev-server和awesome-typescript-loader)：

[empty x 3]

我走得更深了。我从我的应用程序中记录了[...Array(3)]，然后在Chrome的控制台中登录。我得到的是：

[undefined, undefined, undefined] // from Chrome's console
[empty x 3] // from my app

显然，这件烦人的事情不允许我在没有解决办法/第三方的情况下实现索引依赖的组件。我是做错什么了还是这是个窃听器？

部分配置：

{
    test: /\.tsx?$/,
    loader: "awesome-typescript-loader",
    exclude: /node_modules/
},
{
    enforce: "pre",
    test: /\.js$/,
    loader: "source-map-loader"
},

版本：

"awesome-typescript-loader": "^4.0.0",
"typescript": "^3.0.1",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.11.1",

Answer 1

还有一个名为downlevelIteration的编译器选项。当一切正常的时候

"downlevelIteration": true

附加信息：

如果您想传播HTMLCollection或类似的东西(例如NodeList)，您应该将dom.iterable包含到lib选项中，例如：

"lib": ["es6", "dom", "dom.iterable"]