1、回調函數方式

doFirstThing((err, data) => {if (err) {console.log(err);return;}doSecondThing(data, function(err, data){if (err) {console.log(err);return;}doThirdThing(data, function(err, data){if (err) {console.log(err);return;}})}) })

2、Promise 方式

function takeLongTime(n) {return new Promise(resolve => {setTimeout(() => {resolve(n + 200)},)})} function doThing (n) {return takeLongTime(n); } const time1 = 200; doThing(time1) .then(time2 => doThing(time2)) .then(time3 => doThing(time3)) .catch(err => {console.log(err) }) 復制代碼

上面的代碼每次異步調用遞進200ms，并把下次需要延遲的時間傳給下個異步函數

3、async & await

async function doThings () {try {const data1 = await doThing(200);const data2 = await doThing(data1);const data3 = await doThing(data2);} catch (err => {console.log(err)}) }

?

總結

以上是生活随笔為你收集整理的React开发（273）:异步调用的方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。