背景
Object.values() 是 ECMAScript 2017 (ES8) 中的一个新增方法，用于获取对象所有的属性值，并返回以数组形式存储。该方法的语法如下：
Object.values(obj)
其中 obj 表示要获取属性值的对象。如果 obj 不是对象类型，则会抛出 TypeError。
该方法的使用非常方便，可以快速获取对象的所有属性值。但是，在实际开发中，我们可能会遇到一些问题，比如当在老版本浏览器或Node.js中使用该方法时，会发现该方法无法使用。
问题分析
在 ES8 之前，无法通过 Object.values() 方法获取对象属性值的函数。如果我们在 ES8 之前的版本中使用该方法，会抛出 TypeError:
const obj = {a: 1, b: 2, c: 3};
const values = Object.values(obj); // TypeError: Object.values is not a function这是因为 Object.values() 是 ES8 中的一个新增方法，早期版本的 JavaScript 不支持该方法，导致该方法无法使用。
解决方案
为了解决该问题，我们需要在代码中添加一些兼容性处理。以下是两种解决方案：
1.使用 polyfill
最简单的方法是使用 polyfill，它是一个脚本，它将在当前 JavaScript 运行时中实现缺少的功能。换言之，它可以在不支持新 API 的浏览器中加载并使用该 API。
我们可以使用以下代码将 Object.values() 的 polyfill 添加到我们的代码中：
-- -------------------- ---- -------
-- ---------------- -
------------- - -------- ----- -
-- ---- --- ------------ -
----- --- ------------------------ ------ ---- - -------------
-
--- --- - ---
--- ---- --- -- ---- -
-- ------------------------------------------ ----- -
-------------------
-
-
------ ----
--
-这将在当前的 JavaScript 运行时中实现 Object.values()，即使该方法在当前浏览器中不存在也可以正常使用。
2.手动实现 Object.values()
另一种方法是手动实现 Object.values()。以下是实现该函数的代码：
-- -------------------- ---- -------
-------- ----------------- -
-- ---- --- ------------ -
----- --- ------------------------ ------ ---- - -------------
-
--- --- - ---
--- ---- --- -- ---- -
-- ------------------------------------------ ----- -
-------------------
-
-
------ ----
-该方法实现了 Object.values() 的功能，可以在不支持该方法的浏览器中正常使用。
总结
在本文中，我们介绍了 Object.values() 方法以及在 ES8 版本下使用该方法会遇到的问题。我们还提供了两种解决方案：使用 polyfill 或手动实现该方法。一旦你熟悉了这些技术，你就能够在实际项目中自如地使用 Object.values() 方法，避免运行时错误的产生。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6493c13948841e989415e86d