异步编程方式

前端（JavaScript）

不得不说的前提：
JavaScript 是单线程的👇👇
之所以能够使用异步，是因为 js 本身主线程是单线程的，负 责操作DOM节点，而点击事件、定时任务、发送请求等都是主线程创建出来的子线程进行的异步任务。

---

详解请看如下博客：👇👇
https://www.ruanyifeng.com/blog/2014/10/event-loop.html

---

1. Generator函数

1.1 协程

传统的编程语言，早有异步编程的解决方案（其实是多任务的解决方案）。其中有一种叫做"协程"（coroutine），意思是多个线程互相协作，完成异步任务。

协程有点像函数，又有点像线程。它的运行流程大致如下。

• 第一步，协程A开始执行。
• 第二步，协程A执行到一半，进入暂停，执行权转移到协程B。
• 第三步，（一段时间后）协程B交还执行权。
• 第四步，协程A恢复执行。
  上面流程的协程A，就是异步任务，因为它分成两段（或多段）执行。

1.2 写法举例

举例来说，读取文件的协程写法如下:

// 写法1：异步处理
function* asyncJob() {
  // ...其他代码
  var a = readFileA(fileA);
  var b = readFileB(fileB);
  // ...其他代码
}

// 写法2：阻塞式写法（同步处理）
function* asyncJob() {
  // ...其他代码
  var c = yield readFileC(fileC);
  var d = yield readFileD(fileD);
  // ...其他代码
}

// 写法3：错误处理
function* gen(x){
  try {
    var y = yield x + 2;
  } catch (e){
    console.log(e);
  }
  return y;
}

如上述代码所示
写法1：readFileA 和 readFileB 会异步并行执行；
写法2：readFileC 和 readFileD 会同步执行（yield 关键字会等待 readFileC异步执行完毕后 的结果，然后往下执行 readFileD）

1.3 多任务调度

• 并行。若干任务之间不存在依赖关系，并且后续操作对他们的结果无依赖。

// 这里call是dva中effects的写法，函数service1和service2并行执行
const [ result1,result2 ] = yield [
    call(service1,param1),
    call(service2,param2),
]

• 竞争。只有一个完成，就进入下一个环节。

// 写法同上，函数service1和service2谁先执行完毕，yield就停止等待
const { result1,result2 } = yield race({
    result1:call(service1,param1),
    result2:call(service2,param2),
})

---

2. async 函数

2.1 含义

Generator 函数的语法糖

比较就会发现，async 函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已。

2.2 写法举例

- await 相当于 generator 函数的yield，会阻塞当前协程，直到 await 后的异步函数取到返回值再往下执行
- 异常处理和 generator 函数相同
async function main() {
  try {
    const val1 = await firstStep();
    const val2 = await secondStep(val1);
    const val3 = await thirdStep(val1, val2);

    console.log('Final: ', val3);
  }
  catch (err) {
    console.error(err);
  }
}

2.3 多任务调度

// 写法一
let [foo, bar] = await Promise.all([getFoo(), getBar()]);

// 写法二
let fooPromise = getFoo();
let barPromise = getBar();
let foo = await fooPromise;
let bar = await barPromise;

上面两种写法，getFoo和getBar都是异步并行执行（同时触发），这样就会缩短程序的执行时间。

作者语录：
更多细节请查看：https://es6.ruanyifeng.com/#docs/async

---

后端（Java）

1. Java8的CompletableFuture

• 用法：https://blog.csdn.net/Bowen90/article/details/89026326
• 特点：
  • 返回值：有/无（可有可无）

---

2. Spring的@Async注解

• 用法：https://blog.csdn.net/liuchuanhong1/article/details/64132520
• 特点：
  • 返回值：有/无（可有可无）

---

3. google的eventBus事件总线

可同步可异步

• 用法：https://blog.csdn.net/qq_38345296/article/details/100539989
• 特点：
  • 返回值：无

Tip:

以上三种异步编程建议都使用自定义线程池处理任务，否则会出现性能问题！！！