***callback?

這個(gè)是最常用的也是最簡(jiǎn)單的 ,比如在ajax網(wǎng)絡(luò)請(qǐng)求中,返回請(qǐng)求完成返回的數(shù)據(jù)

回調(diào)函數(shù)就是把一個(gè)函數(shù)當(dāng)成另一個(gè)函數(shù)的參數(shù),可以傳遞函數(shù)內(nèi)的局部變量,也可以異步完成一些操作,在函數(shù)的實(shí)現(xiàn)里調(diào)用回調(diào)函數(shù),在函數(shù)的調(diào)用里實(shí)現(xiàn)回調(diào)函數(shù)

// 回調(diào)函數(shù)的方式 閉包 可以獲取函數(shù)內(nèi)部的局部變量 function testCallback(callback) { let a = 1; let b = 2; if (a < b) { callback && callback(a); } } // 調(diào)用 testCallback((res) => { console.log(res, 'this is callback') }); ***promise ES6 的一種解決異步函數(shù)的方法 promise就是一個(gè)對(duì)象,用來(lái)傳遞異步操作的消息,他代表了某個(gè)未來(lái)才會(huì)知道結(jié)果的是事件(通常是一個(gè)異步操作),有三種狀態(tài),未完成,resolve,rejec, promise的構(gòu)造函數(shù)接受一個(gè)函數(shù)作為參數(shù),該函數(shù)的兩個(gè)參數(shù)分別又是兩個(gè)方法 resolve() 和 reject()? function testPromise() { return new Promise((resolve, reject) => { let a = 2 let b = 1 if (a > b) { resolve(a) } else { reject(b) } }) }
function testPromise1() { return new Promise((resolve, reject) => { let a = 10 let b = 5 if (a > b) { resolve(a) } else { reject(b) } }) } // ?那么接下來(lái)就可以鏈?zhǔn)秸{(diào)用了 1執(zhí)行完執(zhí)行2 // 用promise來(lái)順序執(zhí)行多個(gè)異步函數(shù) testPromise().then((resolve) => { console.log(resolve) return testPromise1(); }).then((res) => { console.log(res, 'this is promise'); }).catch((err) => { console.log(err); }) // 并發(fā)執(zhí)行 異步函數(shù) ?所有函數(shù)執(zhí)行完再返回結(jié)果 let promise = testPromise(); let promise1 = testPromise1(); Promise.all([promise, promise1]).then((res) => { console.log(res, 'this is promiseAll'); }) // 競(jìng)速執(zhí)行 res返回第一個(gè)執(zhí)行完成的異步函數(shù) Promise.race([promise, promise1]).then((res) => { console.log(res, 'this is promiseRace'); }) *** async await 是ES7的一個(gè)標(biāo)準(zhǔn) 為了解決多個(gè)promise的嵌套,讓異步函數(shù)看起來(lái)像同步函數(shù)一樣清晰,配合promise使用 注意 只有在async 函數(shù)里才可以使用await // 用async await 來(lái)順序執(zhí)行多個(gè)異步函數(shù) async function testAsync() { try { let a = await testPromise(); let b = await testPromise1(); console.log(a, b, 'this is async'); } catch (err) { console.log(err) } } testAsync(); awiat 后面等待的是一個(gè)promise函數(shù),它會(huì)等到promise函數(shù)返回對(duì)應(yīng)的狀態(tài)再執(zhí)行后面的代碼

轉(zhuǎn)載于:https://www.cnblogs.com/ChrisZhou666/p/7826416.html

總結(jié)

以上是生活随笔為你收集整理的js callback promise async await 几种异步函数处理方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。