当前位置 主页 > 服务器问题 > win服务器问题汇总 > 最大化 缩小

    有关Promises异步问题详解

    栏目:win服务器问题汇总 时间:2019-11-10 15:28

    迄今为止,可能每个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 usage
    asyncOperation(function() {
      // Here's your callback
    });
    // Now `asyncOperation` returns a promise
    asyncOperation().then(function(){
      // Here's your callback
    });

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

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

    厄运的金字塔

    // Normal callback usage => PYRAMID OF DOOOOOOOOM
    asyncOperation(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 promises
    asyncOperation()
    .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所装载的相同值。这内容很多,因此我将帮助你一步一步的理解它