js-ES6学习笔记-async函数（3）

1、await命令后面的Promise对象，运行结果可能是rejected，所以最好把await命令放在try...catch代码块中。

2、多个await命令后面的异步操作，如果不存在继发关系，最好让它们同时触发。

// 写法一

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

// 写法二

let fooPromise = getFoo();

let barPromise = getBar();

let foo = await fooPromise;

let bar = await barPromise;

3、await命令只能用在async函数之中，如果用在普通函数，就会报错。

function dbFuc(db) { //这里不需要 async

  let docs = [{}, {}, {}];

  // 可能得到错误结果

  docs.forEach(async function (doc) {

    await db.post(doc);

  });

}

上面代码可能不会正常工作，原因是这时三个db.post操作将是并发执行，也就是同时执行，而不是继发执行。正确的写法是采用for循环。

async function dbFuc(db) {

  let docs = [{}, {}, {}];

  for (let doc of docs) {

    await db.post(doc);

  }

}

如果确实希望多个请求并发执行，可以使用Promise.all方法。

4、async 函数的实现原理，就是将 Generator 函数和自动执行器，包装在一个函数里。

5、

async function logInOrder(urls) {

  // 并发读取远程URL

  const textPromises = urls.map(async url => {

    const response = await fetch(url);

    return response.text();

  });

  // 按次序输出

  for (const textPromise of textPromises) {

    console.log(await textPromise);

  }

}

上面代码中，虽然map方法的参数是async函数，但它是并发执行的，因为只有async函数内部是继发执行，外部不受影响。后面的for..of循环内部使用了await，因此实现了按顺序输出。

巴特西

js-ES6学习笔记-async函数（3）

最新文章

热门文章