Promise用法

ES6 Promise用法小结

一、简介

ES6 Promise 是 ECMAScript 6 (也被称为 ES2015) 中引入的新特性，它为异步编程提供了一种更优雅、更简洁的解决方案。Promise 对象代表了一个异步操作的最终完成（或失败）及其结果值。这使得我们能够以一致的方式处理异步操作，无论是来自网络请求、定时器还是其他异步源。

二、基本用法

1. 创建 Promise

创建一个新的 Promise，你可以使用 new Promise() 构造函数。它接受一个函数作为参数，这个函数接收两个参数：resolve 和 reject。

const promise = new Promise((resolve, reject) => {
  // 异步操作
  if (/* 操作成功 */) {
    resolve(value);
  } else {
    reject(error);
  }
});

2. 链式调用

Promise 支持链式调用，允许你在一个连续的语句中处理多个异步操作。

doSomething()
  .then(result => doSomethingElse(result))
  .then(newResult => doThirdThing(newResult))
  .catch(error => console.error(error));

3. then 和 catch 方法

then 方法用于处理 Promise 的成功结果，而 catch 方法用于处理 Promise 的失败结果。这两个方法都接受一个回调函数作为参数，该函数接收异步操作的结果作为参数（对于 then）或错误对象（对于 catch）。

promise.then(result => {
  // 处理结果
}).catch(error => {
  // 处理错误
});

三、高级用法

1. all 方法

Promise.all 方法用于处理多个 Promise 实例。只有当所有的 Promise 都成功完成时，Promise.all 才会成功完成。如果任何一个 Promise 失败，Promise.all 会立即失败并返回那个失败的 Promise 的原因。
2. race 方法

Promise.race 方法返回一个新的 Promise 实例，该实例会在输入的 Promise 实例中最早完成（无论是成功还是失败）时，以同样的结果完成。
3. finally 方法

Promise.finally 方法接受一个回调函数作为参数，无论 Promise 是成功还是失败，这个回调函数都会被执行。这对于清理操作（如关闭数据库连接或取消网络请求）非常有用。
4. 静态方法

ES6 Promise 提供了几个静态方法来帮助创建和管理 Promise，如 Promise.resolve、Promise.reject 和 Promise.all。这些方法可以用来创建新的 Promise 实例，并提供了更简洁的方式来处理异步操作。
5. async/await

ES7引入了 async/await 语法，它使得使用 Promises 进行异步操作更加直观和易于理解。通过将异步操作包装在 async 函数中，我们可以使用 await 关键字来“等待” Promise 的结果，就像它是同步操作一样。这使得代码更易于阅读和理解，同时还能避免回调地狱的问题。
6. 自定义 Promise
我们可以使用 Promise 构造函数来创建自定义的 Promises。这对于创建库或框架非常有用，因为你可以使用 Promises 来封装异步操作，并确保它们以一致的方式被处理。同时，通过返回一个新的 Promise，你可以控制异步操作的流程和结果。例如：

function fetchData() {
  return new Promise((resolve, reject) => {
    // fetch data and then:
    resolve(data); // when success or reject(error) when error occurred. 
  }); 
}