js async的常用方式

async函数是Generator 函数的语法糖,async函数就是将 Generator 函数的星号(*)替换成async,将yield替换成await,仅此而已。 async函数对Generator 函数的改善点有以下几点: 内置执行器,...

async函数是Generator 函数的语法糖,async函数就是将 Generator 函数的星号(*)替换成async,将yield替换成await,仅此而已。

async函数对Generator 函数的改善点有以下几点:

内置执行器,不需要像Generator 函数要去挪用next()才能让函数执行
更好的语义化
返回的是promise工具


返回promise工具

async函数返回一个 Promise 工具。async函数内部return语句返回的值,会成为then方式回调函数的参数。async函数内部抛失足误,会导致返回的 Promise 工具变为reject状态。抛出的错误工具会被catch方式回调函数接收到

下面见例子:

let testAsync = async function () {
    // throw new Error('抛出一个错误~');
    reject()
};
testAsync().then(resolve => {
    console.log(`resolve: ${resolve}`);
}, reject => {
console.log(`reject: ${reject}`);  // 状态变化成reject的回调函数会执行,若是这里没有回调函数,则catch会捕捉,这就是promise的器械了
}).catch(err => {
console.log(`err: ${err}`);
})

任何一个await语句后面的 Promise 工具变为reject状态,那么整个async函数都市中止执行。

async function f() {
  await Promise.reject('失足了');
  await Promise.resolve('hello world'); // 不会执行
}
// 第二行的promise语句不会执行

针对这种情形,有时候我们希望前面的异步函数执行失败后,也不要影响后面的代码执行,这时候就可以用try-catch和promise的catch处置异常,不至于让后面的程序不执行

await后面的异步操作失足,那么等同于async函数返回的 Promise 工具被reject,以是最好把await下令放在try...catch代码块中  
// 第一种方式
async function f() {
    try {
        await Promise.reject('失足了');
    } catch (err) {
    }
    return await Promise.resolve('hello world'); 
}
// 第二种那时,用catch来处置前面异步的异常情形
 async function f() {
     await Promise.reject('失足了').catch(err => {
        console.log(err); 
     })
     return await Promise.resolve('hello world');
}

若是多个await下令后面的异步操作,若是不存在继发关系,最好让它们同时触发。

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;
// 同时触发,缩短程序运行时间

await下令只能用在async函数之中,若是用在通俗函数,就会报错。

async function dbFuc(db) {
  let docs = [{}, {}, {}];

  // 报错
  docs.forEach(function (doc) {
    await db.post(doc);
  });
}
思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/3162

  • 发表于 2021-02-11 16:56
  • 阅读 ( 243 )
  • 分类:互联网

0 条评论

请先 登录 后评论
RafaelGuick
RafaelGuick

770 篇文章

你可能感兴趣的文章

相关问题