在前端开发中，我们经常使用各种 JavaScript 方法和函数来处理数据。ES9 中新增的 Object.fromEntries() 方法，可以将一个由键值对组成的数组转换为一个对象。然而，这个方法在 IE 浏览器下会出现无法运行的问题。
问题原因
Object.fromEntries() 方法是 ES9 中新增的方法，而 IE 浏览器的 JavaScript 引擎并不支持这个方法。如果在 IE 浏览器中使用 Object.fromEntries() 方法，会报错提示："Object doesn't support property or method 'fromEntries'"。
解决方法
为了解决这个问题，我们需要使用一个 polyfill（填充物），来模拟 Object.fromEntries() 方法的实现。polyfill 常用于填充新的 API 或方法，以便旧的浏览器也可以使用它们。
下面是一个 Object.fromEntries() 方法的 polyfill，可以在 IE 浏览器下使用：
-- -------------------- ---- -------
-- --------------------- -
------------------ - ----------------- -
-- --------- -- -------------------------- -
----- --- --------------------------- -------- - ------ -------- -----------
-
--- --- - ---
--- ------ ----- ------ -- -------- -
-------- - ------
-
------ ----
--
-在这个 polyfill 中，我们使用的是一个自执行函数，来检查是否存在 Object.fromEntries() 方法。如果没有，就定义一个同名的方法，并使用 ES6 的 for...of 循环来遍历传入的键值对数组，并将其转换为一个对象。
示例代码
-- -------------------- ---- -------
-- -------
----- --- - -
----- ---
----- ---
----- --
--
-- -- -------------------- --
----- --- - ------------------------
----------------- -- -------------------
-- -- --------
-- --------------------- -
------------------ - ----------------- -
-- --------- -- -------------------------- -
----- --- --------------------------- -------- - ------ -------- -----------
-
--- --- - ---
--- ------ ----- ------ -- -------- -
-------- - ------
-
------ ----
--
-
----- ---- - ------------------------
------------------ -- -------------------在上面的代码中，我们定义了一个 arr 数组来存储键值对。使用 Object.fromEntries() 方法，将其转换为对象，并通过 console.log() 方法输出结果。接着，我们使用 polyfill 的方式，在 IE 浏览器中也实现了这个方法，并使用 obj2 变量来存储结果。
总结
本文介绍了如何解决 ES9 的 Object.fromEntries() 方法在 IE 浏览器下无法运行的问题。我们介绍了 polyfill 的概念，并给出了一个可以在 IE 浏览器下使用的 Object.fromEntries() 方法的 polyfill 实现。此外，我们还提供了示例代码来演示如何使用这个方法。本文的学习和指导意义，希望可以帮助开发者更好地理解和应用 JavaScript 中的新特性，并解决在不同浏览器下可能出现的兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6494cbb048841e98942251e3