turn 局部變量 兩個 ron 並發 返回 nbsp 狀態 代碼

***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函數返回對應的狀態再執行後面的代碼

js callback promise async await 幾種異步函數處理方式