常见的异步模式

高阶函数(泛函数)

  1. step1(function(res1){
  2.     step2(function(res2){
  3.         step3(function(res3){
  4.             //...
  5.         });
  6.     });
  7. });

解耦程度特别低，如果送入的参数太多会显得很乱！这是最常见的一种方式，把函数作为参数送入，然后回调。

事件监听

  1. f.on("evt", g);
  2. function f(){
  3.     setTimeout(function(){
  4.         f.trigger("evt");
  5.     })
  6. }

JS 和 浏览器提供的原生方法基本都是基于事件触发机制的，耦合度很低，不过事件不能得到流程控制。

发布/订阅( Pub/Sub )

  1. E.subscribe("evt", g);
  2. function f(){
  3.     setTimeout(function () {
  4.     　　// f的任务代码
  5.     　　E.publish("evt");
  6.     }, 1000);
  7. }

把事件全部交给 E 这个控制器管理，可以完全掌握事件被订阅的次数，以及订阅者的信息，管理起来特别方便。

Promise对象

Promise/A+ 规范是对 Promise/A 规范的补充和修改，他出现的目的是为了统一异步编程中的接口，JS中的异步编程是十分普遍的事情，也出现了很多的异步库，如果不统一接口，对开发者来说也是一件十分痛苦的事情。

在Promises/A规范中，每个任务都有三种状态：默认(pending)、完成(fulfilled)、失败(rejected)。

  • 默认状态可以单向转移到完成状态，这个过程叫resolve，对应的方法是deferred.resolve(promiseOrValue)；
  • 默认状态还可以单向转移到失败状态，这个过程叫reject，对应的方法是deferred.reject(reason)；
  • 默认状态时，还可以通过deferred.notify(update)来宣告任务执行信息，如执行进度；

  • 状态的转移是一次性的，一旦任务由初始的pending转为其他状态，就会进入到下一个任务的执行过程中。

    参考资料

  • JavaScript异步编程原理

原文: https://leohxj.gitbooks.io/front-end-database/content/javascript-asynchronous/Asynchronous-Programming-Model.html