React的代码优化(forEach或简单用于)

Question

我刚刚构建了一个React演示应用程序，并考虑进行一些优化，例如用简单的forEach迭代代替简单的for迭代。

但是当我这样做的时候，我意识到我正在用webpack编译应用程序，据我所知，webpack通过babel运行所有的东西，所以我想知道，这个过程是否将forEach和所有其他现代代码转化为快速运行的代码？

因为我认为这是一个很好的主意，使用forEach进行更简单的编码，然后将其编译成最快的版本。

Answer 1

所以，在这种特殊情况下，所有浏览器都支持forEach，即使是在旧版本中，Babel也不会改变它。

Answer 2

如果您使用的是@ babel /预设-env，它创建了React，那么babel所做的处理取决于您在.browserslistrc中设置了什么--而且根据https://caniuse.com/#search=forEach，除非您支持IE8或更早，否则不应该将foreach转换为for循环。

默认的创建-反应-应用浏览器列表不支持IE8。

  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }