在前端开发中，ES9 中新增了两个非常方便的函数：Object.entries() 和 Object.values()，它们分别可以获取一个对象的键值对和所有值。但是，由于这两个函数是在新版本的 ECMAScript 中才被引入的，因此在一些旧浏览器中可能会出现兼容性问题。
兼容性问题
在一些老旧的浏览器中，Object.entries() 和 Object.values() 函数不被支持，因此在使用这两个函数时，可能会出现报错或者函数体不执行的问题。
解决方法
要解决这个兼容性问题，我们可以通过 polyfill 的方式来实现对 Object.entries() 和 Object.values() 函数的支持。
具体的做法，就是在项目中引入一个 polyfill 库，例如 babel-polyfill，这样就可以自动解决这个问题。如果你需要自己手动实现 polyfill 的话，下面是 Object.entries() 和 Object.values() 的手动实现代码：
-- ----------------- -
-------------- - -------- ----- -
--- -------- - -----------------
- - ----------------
-------- - --- --------- -- ----------- --- -----
----- -----
----------- - ------------- ------------------
------ ---------
--
-
-- ---------------- -
------------- - -------- ----- -
--- ------ - ---
------- --- -- -----
----------------------
-
------ -------
-
-使用示例
下面是一个使用 Object.entries() 函数的例子：
----- ---- - - ----- ---------- ----------- -------- --------- ---------- -- ----- ----------- - --------------------- ------------------------- -- ------- --------- ----------- -------------- --------- ------------ ------------
下面是一个使用 Object.values() 函数的例子：
----- ---- - - ----- ---------- ----------- -------- --------- ---------- -- ----- ---------- - -------------------- ------------------------ -- ------- ----------- -------- -----------
结论
Object.entries() 和 Object.values() 这两个函数在前端开发中非常有用，可以让开发者更方便地获取一个对象的键值对和所有值。虽然这两个函数在一些老浏览器中可能会出现兼容性问题，但是我们可以通过使用 polyfill 的方式轻松解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671b9ecc9babaf620facc70f