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') }