解答
1. 回调函数（callback）
1 2 3 | setTimeout(() => { // callback 函数体 }, 1000) |
缺点：回调地狱，不能用 try catch 捕获错误，不能 return`
回调地狱的根本问题在于缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符
嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即控制反转,嵌套函数过多的多话，很难处理错误。
1 2 3 4 5 6 7 8 9 | ajax('XXX1', () => { // callback 函数体 ajax('XXX2', () => { // callback 函数体 ajax('XXX3', () => { // callback 函数体 }) }) }) |
优点：解决了同步的问题（只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。
2. Promise
Promise就是为了解决callback的问题而产生的。
Promise 实现了链式调用，也就是说每次 then 后返回的都是一个全新 Promise，如果我们在 then 中 return ，return 的结果会被Promise.resolve() 包装
优点：解决了回调地狱的问题
1 2 3 4 5 6 7 8 9 10 | ajax('XXX1') .then(res => { // 操作逻辑 return ajax('XXX2') }).then(res => { // 操作逻辑 return ajax('XXX3') }).then(res => { // 操作逻辑 }) |
缺点：无法取消 Promise ，错误需要通过回调函数来捕获。
3. Generator
特点：可以控制函数的执行，可以配合 co 函数库使用。
1 2 3 4 5 6 7 8 9 | 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
async、await 是异步的终极解决方案
优点是：代码清晰，不用像 Promise 写一大堆 then 链，处理了回调地狱的问题
缺点：await 将异步代码改造成同步代码，如果多个异步操作没有依赖性而使用 await 会导致性能上的降低。
1 2 3 4 5 6 7 | async function test() { // 以下代码没有依赖性的话，完全可以使用 Promise.all 的方式 // 如果有依赖性的话，其实就是解决回调地狱的例子了 await fetch('XXX1') await fetch('XXX2') await fetch('XXX3') } |
帖子还没人回复快来抢沙发