运行效果同上。

在callback中,如果调换动画的执行顺序或者增加几个或者减少几个，需要重新更改代码；

如果用promise则是一个线性的控制无论是阅读还是维护的体验上都得到了提升，

这仅仅是在浏览器中的应用，在NodeJs中回调的场景更多也更残忍，

尤其是有远程API同步和数据库查询、文件读写操作的时候，Promise就能解决这些痛点

并且也远不止于此

了解Promise需要了解如下知识

1.ES6的Promise语言标准、Promise/A+规范

Promise是针对JavaScript中的异步场景中的解决方案（传统：回调、事件机制、订阅者、等）

Promise是一个对象和JavaScript中普通的对象没有什么区别，

同时它也是一种规范，异步操作约定了统一的接口，表示一个异步操作的最终结果，

以同步的方式来写代码，执行的操作是异步的，又保证了程序的执行顺序是同步的，

只有三种状态：未完成、已完成、失败

其中中间转换过程只能发生一次并且是不可逆的；

意思是指：要么从未完成到已完成，要么从未完成到失败。

那Promise/A+规范是什么呢？

升级版，行为标准 扩展了原来的规范，约定俗成的行为，总之是一个更为标准的

不同之处：

A+规范通过术语thenable来区分promise对象

A+定义onFulfiled/onRejected必须是作为函数来调用，而且调用过程必须是异步的

A+严格定义了then方法链式调用时onFulfilled/onRejected的调用顺序

then方法定义如下：

promiseObj.then(onFulfilled,onRejected)

onFulfilled = function(value){
	return promiseObj2
}

onRejected = function(err){}

2.如何使用

链式调用，例如：

promiseAnimate(ball1,100)
				.then(function(){
					return promiseAnimate(ball2,200)
				})
				.then(function(){
					return promiseAnimate(ball3,300)
				})
				.then(function(){
					return promiseAnimate(ball3,150)
				})
				.then(function(){
					return promiseAnimate(ball2,150)
				})
				.then(function(){
					return promiseAnimate(ball1,150)
				})

3.在什么场景下使用

只要是异步编程的地方都可以使用，业务场景简单不要为了使用Promise而使用Promise

Promise库有很多，例如：

bluebird

Q

then.js

es6-promise

ypromise

async

native-promise-only

等等

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流