ECMAScript 2017 中新增的引入新的方法：它们是如何实现的？
ECMAScript 2017 是 JavaScript 的最新标准，它引入了一些新的方法，这些方法允许开发人员更轻松地编写更简洁的代码。本文将介绍一些这些新方法，并提供详细的实现细节以及如何使用它们。
- Object.values()
Object.values() 方法返回一个对象自身的所有可枚举属性值的数组，这些值按照在对象中出现的顺序排列。
下面是一个简单的示例：
const object = { a: 1, b: 2, c: 3 }; console.log(Object.values(object)); // [1, 2, 3]
实现细节：
Object.values() 方法是通过 Object.prototype.values() 实现的。在实现过程中，它首先检查传入的参数是否为对象。如果是，它将遍历对象的属性并返回一个包含所有属性值的数组。
- Object.entries()
Object.entries() 方法返回一个数组，该数组包含对象所有可枚举属性的键值对的数组。这些数组按照在对象中出现的顺序排列。
下面是一个简单的示例：
const object = { a: 1, b: 2, c: 3 }; console.log(Object.entries(object)); // [["a", 1], ["b", 2], ["c", 3]]
实现细节：
Object.entries() 方法是通过 Object.prototype.entries() 实现的。在实现过程中，它首先检查传入的参数是否为对象。如果是，它将遍历对象的属性并返回一个包含所有属性键值对的数组。
- String.padStart() 和 String.padEnd()
String.padStart() 和 String.padEnd() 方法将填充一些指定的字符，以使字符串达到所需的长度。String.padStart() 用于在字符串的左侧填充字符，而 String.padEnd() 用于在字符串的右侧填充字符。
下面是一个简单的示例：
const str = "Hello"; console.log(str.padStart(10, "*")); // "*****Hello" console.log(str.padEnd(10, "*")); // "Hello*****"
实现细节：
String.padStart() 和 String.padEnd() 方法都是通过 String.prototype.padStart() 和 String.prototype.padEnd() 实现的。在实现过程中，它们首先检查传入的参数是否为字符串。然后检查要填充的字符串是否比要求的长度短。如果是，则用指定的字符填充字符串，直到它达到所需的长度。
- Async / Await
Async / Await 是 ECMAScript 2017 中引入的一种新的方式来处理异步代码。它使得异步编程更加简单和易于理解。
下面是一个简单的示例：
-- -------------------- ---- ------- -------- --------- - ------ --- ----------------- ------- -- - ------------- -- - --------- ----- ------- ---- -- --- -- ------ --- - ----- -------- ------------- - ----- ---- - ----- ---------- ----------------------- - -------------- -- ------展开代码
实现细节：
Async / Await 是通过新的语法糖实现的。它包括两个关键字：async 和 await。async 关键字用于标记一个函数为异步函数，而 await 关键字用于等待一个异步操作完成。在实现过程中，async / await 函数被转换成基于 Promise 的代码。这样，它们的实现可以充分利用 Promise 的优势。
结论：
ECMAScript 2017 引入了一些新的方法，它们使得 JavaScript 编程更加简单和易于理解。Object.values() 和 Object.entries() 方法使得对象的属性值和键值对可以更容易地访问和处理。String.padStart() 和 String.padEnd() 方法允许轻松地填充字符串。Async / Await 使得异步代码的编写更加直观和简单。掌握这些新方法可以帮助开发人员更高效地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6711b0c9ad1e889fe2003879
