浅析javascriptes6中的原生promise

《浅析javascriptes6中的原生promise》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、浅析JavascriptES6中的原生Promise、八、•刖S一个Promise对象可以理解为一次将要执行的操作(常常被用于异步操作)，使用了Promise对象之后可以用一种链式调用的方式来组织代码，让代码更加直观。而且由于Promise,all这样的方法存在，可以让同时执行多个操作变得简单。Promise的兴起，是因为异步方法调用中，往往会出现回调函数一环扣一环的情况。这种情况导致了回调金字塔问题的出现。不仅代码写起来费劲又不美观，而且问题复杂的时候，阅读代码的人也难以理解。nbsp;举例如下：db

2、・save(data,function(data){nbsp;//dosomething・・・nbsp;db.save(datal,function(data){nbsp://dosomething.・・nbsp;db.save(data2,function(data){nbsp;//dosomething・・・nbsp;done(data3)；//返回数据nbsp;})nbsp;});})；假设有一个数据库保存操作，一次请求需要在三个表中保存三次数据。那么我们的代码就跟上面的代码相似了。这时候假设在第

3、二个db.save出了问题怎么办？基于这个考虑，我们又需要在每一层回调中使用类似try...catch这样的逻辑。这个就是万恶的来源，也是node刚开始广为诟病的一点。另外一个缺点就是，假设我们的三次保存之间并没有前后依赖关系，我们仍然需要等待前面的函数执行完毕，才能执行下一步，而无法三个保存并行，之后返回一个三个保存过后需要的结果。（或者说实现起来需要技巧）不幸的是，在我刚开始接触node的时候，我写了大量这样的hello后来因为还是写前端代码多一些，我接触了ES6,发现了一个解决回调深渊的利器Pro

4、misee其实早在ES6的Promise之前，Q,when,js,bluebird等等库早就根据Promise标准（参考Promise/A+）造出了自己的promise轮子。nbsp;（看过一篇文章，我觉得很有道理。里面说，不要扩展内置的原生对象。这种做法是不能面向未来的。所以这里有一个提示：使用扩展原生Promise的库时，需要谨慎。）这里仅讨论原生的Promise。ES6PromisePromise对象状态在详解Promise之前，先来点理论：Promise/A+规范，规定Promise对象是一个有

5、限状态机。它三个状态：1、pending（执行中）2、fulfilled（成功）3、reject（拒绝）其中pending为初始状态，fulfilled和rejected为结束状态（结束状态表示promise的生命周期已结束）。状态转换关系为：pending-gt;fulfilled,pending-gt;rejectedo随着状态的转换将触发各种事件（如执行成功事件、执行失败事件等）。Promise形式Promise的长相就像这样子：varpromise=newPromise（functionfunc

6、（resolve,reject）{nbsp;//dosomthing,maybeasyncnbsp;if（success）{nbsp;returnresolve（data）;nbsp;}else{nbsp;returnreject(data);nbsp:}})；promise・then(funotion(data){nbsp://dosomething・・・e.gnbsp;console.1og(data);},function(err){nbsp;//dealtheerr・})这里的变量promise

7、是Promise这个对象的实例。promise对象在创建的时候会执行func函数中的逻辑。逻辑处理完毕并且没有错误时，resolve这个回调会将值传递到一个特殊的地方。这个特殊的地方在哪呢？就是下面代码中的then,我们使用then中的回调函数来处理resolve后的结果。比如上面的代码中，我们将值简单的输出到控制台。如果有错误，则reject到then的第二个回调函数中，对错误进行处理。配合上面的有限状态机的理论，我们知道在Promise构造函数中执行回调函数代码时，状态为pending,resolv

8、e之后状态为fulfilied,reject之后状态为rejectPromise数据流动以上是promise的第一次数据流动情况。比较funny的是，promise的then方法依然能够返回一个Promise对象，这样我们就又能用下一个then来做一样的处理。第一个then中的两个回调函数决定第一个then返回的是一个什么样的Promise对象。假设第一个then的第一个回调没有返回一个Promise对象，那么第二个then的调用者还是原来