ES6深入学习记录(二)promise对象相关

1.Promise的含义

Promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件更合理和强大。ES6将其写进了语言标准，统一了用法，原生提供了promise对象。

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步的操作）的结果。从语法上说，Pormise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API。各种异步操作都可以用同样的方法进行处理。

Promise对象的两个特点：

1.对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：

　　1.Pending (进行中)

　　2.Resolved (已完成)

　　3.Rejected (已失败)

只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。

2.一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生，状态就不会再改变，会一直保持这个结果。就算改变已经发生，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。

Promise的一些缺点：

　　1.无法取消Promise，一旦新建它就会立即执行，无法中途取消。

　　2.如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。

　　3.当处于Pending(进行中)状态时，无法得知目前进展到哪一个阶段（刚开始还是即将完成）。

2. 基本用法

ES6规定，Promise对象是一个构造函数，用来生成Promise实例。

我们来下面的代码：





Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve 和 reject。他们是两个由JavaScript引擎提供的函数。

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

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

then方法制定状态的回调函数

Promise实例生成以后，可以用then方法分别制定Resolved状态和Reject状态的回调函数。





then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为Resolved时调用（触发函数执行），第二个回调函数是Promise对象的状态变为Reject时调用。第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数。



上面代码中，timeout方法返回一个Promise实例，表示一段时间后才会发生结果。过了指定的时间（ms参数）以后，Promise实例的状态变为Resolved，就会触发then方法绑定的回调函数。

Promise新建后就会立即执行！





上面代码中，Promise新建后立即执行，所以首先输出的是： "Promise"。然后，then方法指定的回调函数，将在当前脚本所有任务执行完后才会执行，所以"Resolved..."最后输出。

下面是异步加载图片的例子：





上面代码中，使用Promise包装了一个图片加载的异步操作。如果加载成功，就调用resolve方法，否则就调用reject方法。

下面是一个用Promise对象实现的Ajax操作的例子：





上面代码中，

getJSON

是对XMLHttpRequest对象的封装，用于发出一个针对JSON数据的HTTP请求，并且返回一个Promise对象。需要注意的是，在

getJSON

内部，

resolve

函数和

reject

函数调用时，都带有参数。

总结：Promise 是ES6的一个提供异步操作的新方法，其好处在于比回调函数更强大与合理，引入了Resolve和Reject两个概念及resolve和reject两个函数，Promise的亮点在于可以通过resolve和reject得知函数执行结果，还可以通过then方法设置执行完成与执行失败的回调函数，这样可以做到两个方面的好处： 1. 得知函数执行结果； 2. 可以根据执行结果执行相应的回调函数，减少了原有的编写成本。