JavaScript 的对象扩展是随着 ECMAScript 版本的升级而不断完善的。ES6 引入了一些新的语法，如箭头函数和解构赋值，同时也对对象的扩展进行了加强。ES7、ES8、ES9 又陆续新增了一些实用的对象扩展功能。本文将从 ES7 到 ES9 逐一介绍这些对象扩展功能。
ES7：Object.values() 和 Object.entries()
ES7 引入了两个新的方法：Object.values() 和 Object.entries()。这两个方法返回的是一个对象的所有属性的值和键值对数组，它们用于遍历对象的属性值和键值，特别是在需要将对象转化为数组的时候非常有用。
以下是 Object.values() 的用法示例：
-- -------------------- ---- ------- ----- -------- - - ----- ------ ---- --- ------- ------ -- ----- ------ - ------------------------ -------------------- -- ------- --- -------
以下是 Object.entries() 的用法示例：
-- -------------------- ---- ------- ----- -------- - - ----- ------ ---- --- ------- ------ -- ----- ------- - ------------------------- --------------------- -- --------- ------- ------- ---- ---------- --------
ES8：Object.getOwnPropertyDescriptors()
ES8 引入了一个新方法：Object.getOwnPropertyDescriptors()。该方法实现了获取对象属性描述符的功能。这非常有用，因为属性描述符提供了一些关于对象属性的元数据，如 writable、enumerable、configurable 等属性。
以下是 Object.getOwnPropertyDescriptors() 的用法示例：
-- -------------------- ---- -------
----- -------- - -
----- ------
---- ---
------- ------
--
----- ----------- - -------------------------------------------
-------------------------
--
-
----- ------- ------ --------- ----- ----------- ----- ------------- ------
---- ------- --- --------- ----- ----------- ----- ------------- ------
------- ------- ------- --------- ----- ----------- ----- ------------- -----
-
--ES9：Object.fromEntries() 和 Object.setPrototypeOf()
ES9 引入了两个新方法：Object.fromEntries() 和 Object.setPrototypeOf()。
Object.fromEntries() 方法与 Object.entries() 方法相反，它接收一个键值对数组，并将其转化为一个对象。
以下是 Object.fromEntries() 的用法示例：
const entries = [['name', 'Tom'], ['age', 18], ['gender', 'male']];
const myObject = Object.fromEntries(entries);
console.log(myObject); // {name: "Tom", age: 18, gender: "male"}Object.setPrototypeOf() 方法可以将一个对象的原型设置为另一个对象或 null。这个功能非常有用，在继承或对象关联方面经常使用到。
以下是 Object.setPrototypeOf() 的用法示例：
-- -------------------- ---- -------
----- --------- - -
---------- -
------------------- -- ---- -- ----------------
-
--
----- --------- - -
----- -----
--
-------------------------------- -----------
--------------------- -- ------ -- ---- -- ----总结
JavaScript 的对象扩展功能得到了不断完善和加强，每个版本都新增了实用的功能。ES7 引入了 Object.values() 和 Object.entries()，ES8 引入了 Object.getOwnPropertyDescriptors()，ES9 引入了 Object.fromEntries() 和 Object.setPrototypeOf()。以上这些方法和功能都非常实用，在日常前端开发中应用广泛。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646ef9b4968c7c53b0d5b1b6