码迷,mamicode.com
首页 > Web开发 > 详细

JS异步操作的几种模式

时间:2019-10-25 16:35:47      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:function   顺序   bsp   cal   任务   操作   异步   观察   callback   

1.回调函数方法:

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

function f1() {
  // ...
}

function f2() {
  // ...
}

f1();
f2()

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

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

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

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

function f2() {
  // ...
}

f1(f2);

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

 

2.事件监听方法:

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

 

3.发布/订阅模式

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

  

JS异步操作的几种模式

标签:function   顺序   bsp   cal   任务   操作   异步   观察   callback   

原文地址:https://www.cnblogs.com/yxkNotes/p/11738485.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!