## Promise > Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现,ES6将其写进了语言标准,统一了用法,并原生提供了Promise对象。 ## 特点 对象的状态不受外界影响 (3种状态) - Pending状态(进行中) - Fulfilled状态(已成功) - Rejected状态(已失败) 一旦状态改变就不会再变 (两种状态改变:成功或失败) - Pending -> Fulfilled - Pending -> Rejected ## 用法 ```js var myPromise = new Promise(function(resolve, reject){ //... if(/*异步操作成功*/){ resolve(value); }else{ reject(error); } }) ``` Promise构造函数接受一个函数作为参数,该函数的两个参数分别是`resolve`和`reject`。它们是两个函数,由JavaScript引擎提供,不用自己部署。 resolve作用是将Promise对象状态由“未完成”变为“成功”,也就是`Pending -> Fulfilled`,在异步操作成功时调用,并将异步操作的结果作为参数传递出去;而reject函数则是将Promise对象状态由“未完成”变为“失败”,也就是`Pending -> Rejected`,在异步操作失败时调用,并将异步操作的结果作为参数传递出去。 Promise实例生成后,可用`then`方法分别指定两种状态回调参数。then 方法可以接受两个回调函数作为参数: 1. Promise对象状态改为Resolved时调用 (必选) 2. Promise对象状态改为Rejected时调用 (可选) ```js function sleep(ms){ return new Promise(function(resolve, reject){ setTimeout(resolve, ms); }) } sleep(500).then(()=>console.log("finished")); ``` 一个最简单的Promise例子:生成一个0-2之间的随机数,如果小于1,则等待一段时间后返回成功,否则返回失败 ```html Document ``` 另外一个例子 ```html Document
``` ## AJAX和Promise结合模板 ```html Document
``` ## 异步并行 ```html ``` ## 竞赛执行 ```html ``` ## 总结 ```js new Promise(async) ----------------------------> 承诺执行 async(resolve, reject){//TODO} |(then) |(catch) on_resolve(data){//TODO} on_reject(data){//TODO} ``` ```js //多任务串行执行 Promise().then().then()...catch() //多任务并行执行 Promise.all([p1, p2, ...]) //多任务赛跑执行 Promise.race([p1, p2, ...]) ```