ECMAScript 2017 (ES8) 中 Promise 的使用及其指导意义-JavaScript中文网-JavaScript教程资源分享门户

前言

Promise 在 JavaScript 中是一个重要的异步编程实现方式。在 ES6 中，Promise 成为了语言规范的一部分，并且在 ES7 中加入了 finally 方法。在 ECMAScript 2017（ES8）中， Promise 又有了一些新的改进，本文将介绍如何在 ES8 中使用 Promise，并且说明这些改进的指导意义。

ES8 中 Promise 的新特性

Async 函数

ES8 引入的 Async 函数是 Promise 对象的语法糖。它允许开发者更加轻松地处理异步操作。

Async 函数在定义时使用 async 关键字，同时函数体内可以使用 await 关键字来等待 Promise 对象完成。

async function getData() {
  const data1 = await getDataFromServer1();
  const data2 = await getDataFromServer2();
  const data3 = await getDataFromServer3();
  return [data1, data2, data3];
}

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

Object.values/Object.entries

ES8 中，Object 对象新增了两个方法：Object.values 和 Object.entries。这两个方法返回的都是 Promise 对象。

Object.values 方法返回对象自身所有可遍历属性的属性值组成的数组。Object.entries 方法返回对象自身所有可遍历属性的键值对数组。

const obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]
console.log(Object.entries(obj)); // [['foo', 'bar'], ['baz', 42]]

SharedArrayBuffer 和 Atomics

ES8 引入了 SharedArrayBuffer 和 Atomics。这些原生对象允许程序在主线程和 Web Worker 之间共享内存。

SharedArrayBuffer 对象表示一个支持多个线程访问的共享内存区域。

Atomics 对象包含一组原子操作，可以对 SharedArrayBuffer 执行原子操作。

const sharedBuffer = new SharedArrayBuffer(4);
const array = new Int32Array(sharedBuffer);

Atomics.store(array, 0, 42);
console.log(Atomics.load(array, 0)); // 42

Promise 的指导意义

ES8 中的这些新特性为我们在开发中使用 Promise 提供了更多便利。在实际使用中，需要注意以下几点：

尽量使用 Async 函数

Async 函数可以有效地将异步操作转化为同步形式的代码，让我们更加专注于业务逻辑的书写。

多利用 Object.values/Object.entries

使用 Object.values/Object.entries 可以更加方便地遍历对象的属性，并将其转化为数组形式进行处理。

注意 SharedArrayBuffer 和 Atomics 的使用

SharedArrayBuffer 和 Atomics 可以让我们在多个线程之间共享内存，但同时也会带来一些新的安全问题。在使用时需要注意线程的同步问题，以防止数据一致性的问题。

结论

ES8 中的 Promise 新特性为异步编程提供了更加丰富的工具，其中 Async 函数是最值得使用的方法之一。我们需要根据实际需求使用这些工具，并注意工具的安全性和数据一致性。

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