JS异步解决方案及优缺点

1. 回调函数

　　优点： 解决了同步的问题（只要有一个任务耗时长后面的任务都会等待，会拖延程序执行）

　　缺点： 回调地狱  不能用try  catch捕获  不能用 return

setTimeout(() => {
    // callback 函数体
}, 1000)

　　

2. promise

　　优点： 解决了回调地狱问题

　　缺点： 无法取消promise  错误需要通过回调函数捕获

ajax('XXX1', () => {
　　// callback 函数体
　　ajax('XXX2', () => {
　　　　// callback 函数体
　　　　ajax('XXX3', () => {
　　　　　　// callback 函数体
　　　　})
　　})
})

ajax('XXX1')
　　.then(res => {
　　　　// 操作逻辑
　　　　return ajax('XXX2')
　　}).then(res => {
　　// 操作逻辑
　　return ajax('XXX3')
　　}).then(res => {
　　// 操作逻辑
})

　　

3.Generator

　　缺点：如果不适用执行器的情况可能阅读性会很差

　　特点：可以控制函数的执行，可以配合co函数库使用

function *fetch() {
    yield ajax('XXX1', () => {})
    yield ajax('XXX2', () => {})
    yield ajax('XXX3', () => {})
}
let it = fetch()
let result1 = it.next()
let result2 = it.next()
let result3 = it.next()

 

4. async/await

　　优点： 代码清晰，不像promise一大堆   .then 

　　缺点：await将异步代码改造为同步代码，如果多个异步操作没有依赖性而使用await 会导致性能降低

async function test() {
  // 以下代码没有依赖性的话，完全可以使用 Promise.all 的方式
  await fetch('XXX1')
  await fetch('XXX2')
  await fetch('XXX3')
}