【js】async和await使用

luodongseu 發(fā)布于2019-08-20 13:29 / 3306人閱讀

摘要：摘自模塊關(guān)于和使用個人理解在每一個函數(shù)前面的都加上，函數(shù)內(nèi)部，如果是異步操作，直接在其前面加上即可，等待一步函數(shù)執(zhí)行的結(jié)果。修飾的函數(shù)自動變成一個正常情況下，命令后面是一個對象。并發(fā)執(zhí)行的方式選擇或者使用下面的寫法使用循環(huán)控制了使用的時間

摘自http://es6.ruanyifeng.com/#docs/async#co模塊

關(guān)于async和await使用

個人理解：在每一個函數(shù)前面的都加上async，函數(shù)內(nèi)部，如果是異步操作，直接在其前面加上await即可，等待一步函數(shù)執(zhí)行的結(jié)果。await后面可以接任何變量，可以是常量或者promise。async修飾的函數(shù)自動變成一個promise.正常情況下，await命令后面是一個 Promise 對象。如果不是，會被轉(zhuǎn)成一個立即resolve的 Promise 對象。

//經(jīng)過async修飾之后，自動變成promise對象
async function f() {
  return "hello world";
}

f().then(v => console.log(v))
// "hello world"

async function f() {
  return await 123;
}

f().then(v => console.log(v))
// 123

//錯誤處理 
async function f() {
  throw new Error("出錯了");
}

f().then(
  v => console.log(v),
  e => console.log(e)
)
// Error: 出錯了

async中錯誤處理

//使用catch捕捉錯誤
async function f() {
  await Promise.reject("出錯了");
}

f()
.then(v => console.log(v))
.catch(e => console.log(e))
// 出錯了

async function main() {
  try {
    var val1 = await firstStep();
    var val2 = await secondStep(val1);
    var val3 = await thirdStep(val1, val2);

    console.log("Final: ", val3);
  }
  catch (err) {
    console.error(err);
  }
}

//使用async控制指定時間打印
function timeout(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function asyncPrint(value, ms) {
  await timeout(ms);
  console.log(value)
}

asyncPrint("hello world", 50);

多種形式

const foo = async function(){}
async function foo(){}
const foo = async () => {};

并發(fā)處理

let foo = await getFoo();
let bar = await getBar();
//======================
// 寫法一
let [foo, bar] = await Promise.all([getFoo(), getBar()]);

// 寫法二
let fooPromise = getFoo();
let barPromise = getBar();
let foo = await fooPromise;
let bar = await barPromise;
//使用下面的方式是，使一步操作同時觸發(fā)。最上面的方式是同步執(zhí)行。


//并發(fā)執(zhí)行的方式選擇
async function dbFuc(db) {
  let docs = [{}, {}, {}];
  let promises = docs.map((doc) => db.post(doc));

  let results = await Promise.all(promises);
  console.log(results);
}

// 或者使用下面的寫法
//使用for循環(huán)控制了使用await的時間
async function dbFuc(db) {
  let docs = [{}, {}, {}];
  let promises = docs.map((doc) => db.post(doc));

  let results = [];
  for (let promise of promises) {
    results.push(await promise);
  }
  console.log(results);
}