javascript - Object.entries 的奇怪行为

Question

我在使用标准 Object.entries 方法时遇到了奇怪的行为。该错误仅出现在生产环境(webpack 构建)中。

描述

• 我的 this.props 包含一些具有函数值的字段
• 标准 Chrome Object.entries 方法返回一个奇怪的结果:我得到重复的函数名称而不是真正的函数
• 如果我尝试使用 Object.entries 复制 this.props ― 没有任何变化
• 如果我尝试将复制的对象与任何随机字段混合，则 Object.entries 可以正常工作(我将实际函数作为结果数组中的值)

我是否误解了 Object.entries 机制？还是 Chrome 错误？我无法在 Firefox 中重现它。我也不知道如何在任何地方复制它(除了我的产品页面)...所以我不能在这里放置一个工作的 js-sandbox。

如果是 Chrome 的 bug，我该怎么办？在任何地方注册问题？制作浏览器选项卡转储？

Answer 1

我也遇到了这个错误。我已经使用这个 chrome(仅适用于 Android)版本来重现:https://chrome.en.uptodown.com/android/download/1714050

当我得到它时，我正在使用这个 Immutable HOC ( https://github.com/reduxjs/redux/blob/master/docs/recipes/UsingImmutableJS.md#use-a-higher-order-component-to-convert-your-smart-components-immutablejs-props-to-your-dumb-components-javascript-props ) 作为 'toJS' 工具，我只是改用另一种方法，比如使用 'Object.keys' 和 '.map'...

它也可能与您相关:https://github.com/babel/babel-preset-env/issues/370