有关Promises异步问题详解

迄今为止，可能每个JavaScript开发者和他们的祖母都听说过Promises。如果你没有，那么你即将会。promises的概念是由CommonJS小组的成员在 Promises/A规范 中提出来的。Promises被逐渐用作一种管理异步操作回调的方法，但出于它们的设计，它们远比那个有用得多。事实上，由于它们的多种用法，有无数人告诉我――在我写过一些关于promises的东西后――我“遗漏了promises的重点”。那么什么是promises的重点呢？

一点关于Promises的东西

在我开始promise的“重点”之前，我想我应该给你一点它们如何工作的内貌。一个promise是一个对象――根据Promise/A规范――只需要一个方法：then。then方法带有三个参数：一个成功回调，一个失败回调，和一个前进回调（规范没有要求包括前进回调的实现，但是很多都实现了）。一个全新的promise对象从每个then的调用中返回。
一个promise可以是三种状态之一：未完成的，完成的，或者失败的。promise以未完成的状态开始，如果成功它将会是完成态，如果失败将会是失败态。当一个promise移动到完成态，所有注册到它的成功回调将被调用，而且会将成功的结果值传给它。另外，任何注册到promise的成功回调，将会在它已经完成以后立即被调用。

同样的事情发生在promise移动到失败态的时候，除了它调用的是失败回调而不是成功回调。对包含前进特性的实现来说，promise在它离开未完成状态以前的任何时刻，都可以更新它的progress。当progress被更新，所有的前进回调(progress callbacks)会被传递以progress的值，并被立即调用。前进回调被以不同于成功和失败回调的方式处理；如果你在一个progress更新已经发生以后注册了一个前进回调，新的前进回调只会在它被注册以后被已更新的progress调用。
我们不会进一步深入promise状态是如何管理的，因为那不在规范之内，而且每个实现都有差别。在后面的例子中，你将会看到它是如何完成的，但目前这就是所有你需要知道的。

处理回调

像前面提到的为异步操作处理回调，是promises的最基本和最普通的用途，让我们将一个标准的回调与一个采用了promise的回调比较一下。

// Normal callback usageasyncOperation(function() {  // Here's your callback});// Now `asyncOperation` returns a promiseasyncOperation().then(function(){  // Here's your callback});

我很怀疑只是看到这个例子的话是否有人会真的关心去使用promises。看起来没有什么好处，除了“then”使得在异步操作完成之后的回调函数被调用这件事看起来更加明显。但是即使是这个好处，我们现在有了更多的代码（抽象应该使我们的代码更短，不是吗？）而且promise比标准回调稍微性能差一点。

但是，不要让这阻碍到你。如果这就是promise可以做的最好的事，这篇文章就不会存在了

厄运的金字塔

// Normal callback usage => PYRAMID OF DOOOOOOOOMasyncOperation(function(data){  // Do some processing with `data`  anotherAsync(function(data2){    // Some more processing with `data2`    yetAnotherAsync(function(){      // Yay we're finished!    });  });});// Let's look at using promisesasyncOperation().then(function(data){  // Do some processing with `data`  return anotherAsync();}).then(function(data2){  // Some more processing with `data2`  return yetAnotherAsync();}).then(function(){  // Yay we're finished!});

正如你所见，promises的使用使得事情变扁平而且更可读了。这能起作用是因为――像早先提到的――then返回了一个promise，所以你可以将then的调用不停的串连起来。由then返回的promise装载了由调用返回的值。如果调用返回了一个promise(像这个例子中的情形一样)，then返回的 promise装载了与你的回调返回的promise所装载的相同值。这内容很多，因此我将帮助你一步一步的理解它