await
等候,等待;期待
什麼是async、await
await 用於等待非同步完成
通常async、await都是跟隨promise一起使用的
async返回的都是乙個promise物件同時async適用於任何型別的函式上。這樣await得到的就是乙個promise物件
async function testsync() , 1000);
});console.log(response);
}testsync();//async await test...
async function asyncawaitfn(str) , 1000);
})}const serialfn = async () =>
serialfn();
async function asyncawaitfn(str) , 1000);
})}const parallel = async () =>
parallel()
await 操作符用於等待乙個promise 物件。它只能在非同步函式 async function 中使用。
表示式乙個 promise 物件或者任何要等待的值。
返回值返回 promise 物件的處理結果。如果等待的不是 promise 物件,則返回該值本身。
await 表示式會暫停當前 async function 的執行,等待 promise 處理完成。若 promise 正常處理(fulfilled),其**的resolve函式引數作為 await 表示式的值,繼續執行 async function。
若 promise 處理異常(rejected),await 表示式會把 promise 的異常原因丟擲。
另外,如果 await 操作符後的表示式的值不是乙個 promise,則返回該值本身。
function resolveafter2seconds(x) , 2000);
});}async function f1()
f1();
async function f2()
f2();
async function f3() catch (e)
}f3();
settimeout,promise,async/await的區別?
async/ await來傳送非同步請求,從服務端獲取資料
async的用法
它作為乙個關鍵字放到函式前面,用於表示函式是乙個非同步函式
async function timeout()
async function timeout()
timeout();
console.log('雖然在後面,但是我先執行');
async function timeout()
timeout().then(result => )
console.log('雖然在後面,但是我先執行');
控制台中的promise 有乙個resolved,這是async 函式內部的實現原理。
返回乙個值
當呼叫該函式時,內部會呼叫promise.solve() 方法把它轉化成乙個promise 物件作為返回
函式內部丟擲錯誤
就會呼叫promise.reject() 返回乙個promise 物件
async function timeout(flag) else
}console.log(timeout(true)) // 呼叫promise.resolve() 返回promise 物件。
console.log(timeout(false)); // 呼叫promise.reject() 返回promise 物件。
如果函式內部丟擲錯誤, promise 物件有乙個catch 方法進行捕獲。
timeout(false).catch(err => )
await是等待的意思
它後面跟著什麼呢?
注意await 關鍵字只能放到async 函式裡面更多的是放乙個返回promise 物件的表示式
// 2s 之後返回雙倍的值
function doubleafter2seconds(num) , 2000);
} )}
async function testresult()
const express = require('express');
console.log('server start');
})
這是乙個有質量,有態度的部落格 uni app專案記錄
1.如何定義乙個全域性屬性 在其他頁面就以 global.屬性名來呼叫 或者在min.js 中使用 vue.prototype 掛載到原型上 2.上拉載入 使用鉤子函式 onreachbottom 來監聽事件 定義全域性變數 page 1 請求資料時 thia.page 定義全域性變數 timer ...
uni app搜尋記錄
個人寫法 僅供參考 html class sos box class sos inp type text placeholder 搜尋 v model nei confirm ondang view class sos qu 取消view view class tu src static sosuo...
記錄uniapp 分包步驟
注意事項 在分包路徑下新建static資料夾 將需要引用的檔案放入 在頁面引用 分包名 static 檔名 mp weixin usingcomponents true permission optimization plugins packoptions runmode liberate 開啟分包...