JS异步操作的几种模式

Posted 2021-03-24 Judicious

1.回调函数方法：

　　回调函数是异步操作最基本的方法

function f1() {
  // ...
}

function f2() {
  // ...
}

f1();
f2()

　　两个函数f1和f2，编程的意图是f2必须等到f1执行完成，才能执行。

　　上面代码的问题在于，如果f1是异步操作，f2会立即执行，不会等到f1结束再执行。

　　这时，可以考虑改写f1，把f2写成f1的回调函数。

function f1(callback) {
  // ...
  callback();
}

function f2() {
  // ...
}

f1(f2);

　　回调函数的优点是简单、容易理解和实现，缺点是不利于代码的阅读和维护，各个部分之间高度耦合（coupling），使得程序结构混乱、流程难以追踪（尤其是多个回调函数嵌套的情况），而且每个任务只能指定一个回调函数。

 

2.事件监听方法：

　　采用事件驱动模式。异步任务的执行不取决于代码的顺序，而取决于某个事件是否发生。

 

3.发布/订阅模式

　　事件完全可以理解成“信号”，如果存在一个“信号中心”，某个任务执行完成，就向信号中心“发布”（publish）一个信号，其他任务可以向信号中心“订阅”（subscribe）这个信号，从而知道什么时候自己可以开始执行。这就叫做”发布/订阅模式”，又称“观察者模式”。