ECMAScript 2017（ES8）：新 API 的特性和优势-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2017，也称为 ES8，是 JavaScript 的最新版本之一。在这个版本中，添加了一些新的 API，以及一些已经存在的 API进行了修改和增强，这些改动主要是为了提高开发过程中的效率和便利。本文将详细介绍 ECMAScript 2017 新 API 的特性和优势，以及如何使用这些新 API 进行开发。

Async/Await

在 ECMAScript 2017 中，最重要的一个新特性就是 async/await。这个特性是为了解决 JavaScript 代码中回调地狱的问题而引入的。在旧的代码中，如果需要进行异步操作，我们需要使用回调函数来处理，这常常导致代码难以维护和扩展。async/await 的引入使得异步处理变得更加清晰和简单。

async 函数是用来定义异步操作的，其返回值为 Promise 对象。其中，await 关键字用来等待 Promise 对象的解决结果。下面是一个简单的示例代码：

async function getData() {
  const response = await fetch('/data.json');
  const data = await response.json();
  return data;
}

getData().then(data => console.log(data));

在上面的代码中，我们使用了 async 定义一个异步函数 getData。然后使用 await 关键字等待 fetch 方法返回的 Promise 对象，得到持有响应数据的 response 对象。接着，使用 await response.json() 方法将响应数据转换为 JSON 格式，最后返回 JSON 数据。在调用 getData 函数时，我们使用 then 方法来使用返回数据。

Object.values/Object.entries

ECMAScript 2017 中，另一个常用的新 API 是 Object.values/Object.entries。这两个方法分别用来获取对象中所有属性值和所有键值对。很多时候，我们需要遍历对象中的属性或键值对，以此来进行操作。

const data = {
  name: 'Jack',
  age: 23,
  gender: 'male',
};

console.log(Object.values(data)); // ["Jack", 23, "male"]
console.log(Object.entries(data)); // [["name", "Jack"], ["age", 23], ["gender", "male"]]

如上代码，我们定义了一个对象 data，并使用了 Object.values 和 Object.entries 方法获取其所有属性值和所有键值对。

String.prototype.padStart/padEnd

在 ECMAScript 2017 中，String.prototype.padStart 和 String.prototype.padEnd 分别被添加进来。这两个方法用于将字符串填充至指定长度。这个特性通常用于编写格式化代码时：

const number = 123;
console.log(number.toString().padStart(6, '0')) // ‘000123’

上述代码中，我们将一个数字转为字符串后，用 padStart 方法将其填充至 6 位长度，并用 ‘0’ 扩充未满足长度的部分。

总结

ECMAScript 2017 是 ECMAScript 标准的一个重要更新，加入了一些新的 API，并对现有 API 进行了修订和增强。本文选取了几个常用的新 API 进行了详细的介绍，并提供了相应的示例代码。这些新的特性和 API 使得 JavaScript 开发变得更加方便和高效，值得我们去尝试和学习。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/647c3baa968c7c53b075b660