ES6之Promise基本用法

1.Promise相关概念

      Promise 是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise对象。

      所谓Promise ，简单说就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。

      有三种状态：Pending（进行中），Fulfilled（已成功）和Rejected（已失败）。

      Promise对象的状态改变，只有两种可能：从Pending变为Fulfilled或者从Pending变为Rejected。

      它有以下两个特点：

      1.1 对象的状态不受外界影响；

      1.2 一旦状态改变就不会再变，任何时候都可以得到这个结果。

2.基本用法

      2.1 ES6规定，Promise对象是一个构造函数，用来生成Promise实例。话不多说，上代码。

      可以看出，Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由JS引擎提供，不用自己部署。

      resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；

      reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected），在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

      2.2 Promise 实例生成以后，可以用then 方法分别指定resolved状态和rejected状态的回调函数。

      可以看出，then方法接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为Resolved时调用，第二个回调函数是变为Rejected时调用，执行“失败”情况的回调，更好地进行错误捕获，可选。

      2.3 不过不推荐上面的写法，then的第二个回调函数用catch代替，这样更接近同步的try/catch。

3.链式操作的用法

      then和catch均返回Promise，因此我们可以将 then 的调用不停地串连起来，其中 then 返回的 promise 装载了由调用返回的值。这也是其优势，解决回调地狱（Callback Hell）问题。

4.两个例子

      4.1 异步加载图片

      4.2 用Promise对象实现的 Ajax 操作

本文作者：Yaphets.Lee

转载请注明出处，感谢！