ES8 版本新增了一些有趣的 API，这些 API 可以帮助前端开发人员更有效率地编写代码。本文将介绍这些新增的 API，并提供相关示例代码和解释。
Object.values()
Object.values() 方法返回一个对象的所有可枚举属性值，以数组的形式存在，但不包括 Symbol 类型的属性。
下面是一个示例代码：
const obj = {
name: 'Tom',
age: 18,
sex: 'male'
};
console.log(Object.values(obj)); // ['Tom', 18, 'male']在这个示例中，Object.values() 方法返回一个由 obj 对象的所有属性值构成的数组。
Object.entries()
Object.entries() 方法以数组的形式返回一个对象的所有可枚举属性名和属性值，但不包括 Symbol 类型的属性。
下面是一个示例代码：
const obj = {
name: 'Tom',
age: 18,
sex: 'male'
};
console.log(Object.entries(obj)); // [['name', 'Tom'], ['age', 18], ['sex', 'male']]在这个示例中，Object.entries() 方法返回由 obj 对象的所有属性名和属性值构成的数组。
String.prototype.padStart()
String.prototype.padStart() 方法将字符串从左侧进行填充，直到其长度达到指定的长度。如果第一个参数大于字符串的长度，则会在左侧添加指定的字符，直到字符串的长度等于第一个参数指定的长度。
下面是一个示例代码：
const str = 'hello'; console.log(str.padStart(10, '2')); // 22222hello
在这个示例代码中，字符串 str 的长度为 5，使用 padStart() 方法在字符串前添加了五个字符 2，使新字符串的长度达到了 10。
String.prototype.padEnd()
String.prototype.padEnd() 方法将字符串从右侧进行填充，直到其长度达到指定的长度。如果第一个参数大于字符串的长度，则会在右侧添加指定的字符，直到字符串的长度等于第一个参数指定的长度。
下面是一个示例代码：
const str = 'hello'; console.log(str.padEnd(10, '2')); // hello22222
在这个示例代码中，字符串 str 的长度为 5，使用 padEnd() 方法在字符串后添加了五个字符 2，使新字符串的长度达到了 10。
Object.getOwnPropertyDescriptors()
Object.getOwnPropertyDescriptors() 方法返回一个对象的所有属性的描述符，包括数据描述符和访问器描述符。
下面是一个示例代码：
-- -------------------- ---- ------- ----- --- - - ----- ----- -- -------------------------- ------ - ------ --- ----------- ------ --------- ------ ------------- ---- --- --------------------------------------------------- -- ------ ---- ---- ----
在这个示例代码中，设置了一个对象 obj 的属性 age，使用 Object.getOwnPropertyDescriptors() 方法获取 obj 对象的所有属性描述符。
总结
ES8 版本新增了一些有趣的 API，这些 API 可以帮助前端开发人员更有效率地编写代码。包括 Object.values()、Object.entries()、String.prototype.padStart()、String.prototype.padEnd() 和 Object.getOwnPropertyDescriptors() 这几个 API 的使用可以大大简化我们日常的开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481323548841e989409c7ff