***callback?

這個是最常用的也是最簡單的 ,比如在ajax網絡請求中,返回請求完成返回的數據

回調函數就是把一個函數當成另一個函數的參數,可以傳遞函數內的局部變量,也可以異步完成一些操作,在函數的實現里調用回調函數,在函數的調用里實現回調函數

// 回調函數的方式 閉包 可以獲取函數內部的局部變量 function testCallback(callback) { let a = 1; let b = 2; if (a < b) { callback && callback(a); } } // 調用 testCallback((res) => { console.log(res, 'this is callback') }); ***promise ES6 的一種解決異步函數的方法 promise就是一個對象,用來傳遞異步操作的消息,他代表了某個未來才會知道結果的是事件(通常是一個異步操作),有三種狀態,未完成,resolve,rejec, promise的構造函數接受一個函數作為參數,該函數的兩個參數分別又是兩個方法 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) } }) } // ?那么接下來就可以鏈式調用了 1執行完執行2 // 用promise來順序執行多個異步函數 testPromise().then((resolve) => { console.log(resolve) return testPromise1(); }).then((res) => { console.log(res, 'this is promise'); }).catch((err) => { console.log(err); }) // 并發執行 異步函數 ?所有函數執行完再返回結果 let promise = testPromise(); let promise1 = testPromise1(); Promise.all([promise, promise1]).then((res) => { console.log(res, 'this is promiseAll'); }) // 競速執行 res返回第一個執行完成的異步函數 Promise.race([promise, promise1]).then((res) => { console.log(res, 'this is promiseRace'); }) *** async await 是ES7的一個標準 為了解決多個promise的嵌套,讓異步函數看起來像同步函數一樣清晰,配合promise使用 注意 只有在async 函數里才可以使用await // 用async await 來順序執行多個異步函數 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 后面等待的是一個promise函數,它會等到promise函數返回對應的狀態再執行后面的代碼

轉載于:https://www.cnblogs.com/ChrisZhou666/p/7826416.html

總結

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

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