用 Promise 如何把多个连续的异步过程写得优雅一点？

[SilentDepth]

比如说做一件事分几个动作： step1 、 step2 、 finish ，前两个是异步的， step1 完成后才能执行 step2 （然后 finish ）。我想到用 Promise 这么写：

let prom = new Promise((resolve, reject) => {
  // step1 ，用 setTimeout 模拟一下异步
  setTimeout(() => resolve('1'), 1000);
  // 先忽略 reject 相关动作
});
prom.then(data => {
  // step2
  setTimeout(() => {
    prom.then(data => {
      // finish
      console.log(`完成: ${data}`)
    });
  }, 1000);
});

可这样不就成 callback hell 了吗？而且从 step2 往后传数据也不方便。

由此引发的还有 step1 出错执行reject()如何中止整个过程的问题。

还是我对 Promise 的理解有问题？

[leojoy710]

@SilentDepth 原来是我说的太简略...请看 @mcfog 的回复...

[hging]

async 大法好

[SilentDepth]

感谢 @napsterwu @xjp @mcfog
我发现我的问题在于不知道`then()`的参数返回一个 Promise 会并入外部的 Promise composition （ MDN 没有写啊……），看来还是我对 Promise 的理解不到位。

现在的问题就是中间的`catch()`如何优雅地中止掉整个 composition 。调用`reject()`后会直接跳到后面最近的 rejection handler ，然后就继续走正常路线了。不是应该有个`Promise.prototype.cancel()`之类的方法吗？

to @xjp : 另外，我说的是 ES2015 里的 Promise ，构造函数的参数必须要有，这个怪我一开始没说清。

[napsterwu]

@SilentDepth Promise.all()

[hantsy]

用 RxJS 代替。

[SilentDepth]

@napsterwu `Promise.all()`就不是分步了呀

[napsterwu]

@SilentDepth 我上面不是还发了个链接演示怎么分步么

[napsterwu]

@SilentDepth http://jsbin.com/wuxamogaza/edit?js,console

[napsterwu]

@SilentDepth 抱歉没搞好，左上角要选择 ES6

[SilentDepth]

@napsterwu 我是说「 step2 的异步成功后执行 finish 」这个需求用`Promise.all()`不能实现

[SilentDepth]

通过空 Promise 实现了一个中止过程功能：
https://gist.github.com/SilentDepth/67866e565946e84b1409d16d294b6181
但感觉这样不优雅。

Any idea?

[yolio2003]

各种大神回复了，楼主还是没明白。。。

[yolio2003]

所以我觉得其实是 promise 本身的问题 （逃

[jimliang]

楼主对 Promise 根本不熟练，其次 step1 和 step2 的逻辑就是一样的，可以封装在一起。两行搞定
```
const step = data=>new Promise(resolve=>setTimeout(resolve, 1000, data));
step('1').then(step).then(data=> console.log(`完成: ${data}`));
```

[SilentDepth]

@jimliang 刚学。如果是需要各个动作可以独立工作呢？

[jimliang]

@SilentDepth 如果是独立的就另外处理。 Promise 的重点是形成 Promise 链， then 的函数要返回具体的对象或者 Promise 作为下一个传递。我看你把一个 Promise then 了两次，也就是说 resolve 后两个 then 都会执行并不会顺着一条链执行了。