千家信息网

怎么使用js async函数

发表于:2025-01-28 作者:千家信息网编辑
千家信息网最后更新 2025年01月28日,本篇内容主要讲解"怎么使用js async函数",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"怎么使用js async函数"吧!async函数是Genera
千家信息网最后更新 2025年01月28日怎么使用js async函数

本篇内容主要讲解"怎么使用js async函数",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"怎么使用js async函数"吧!

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

  async函数对Generator函数的改进点

  内置执行器,不需要像Generator函数要去调用next()才能让函数执行

  更好的语义化

  返回的是promise对象

  async函数返回promise对象

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

  下面见例子:

  lettestAsync=asyncfunction(){

  //thrownewError('抛出一个错误~');

  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函数都会中断执行。

  asyncfunctionf(){

  awaitPromise.reject('出错了');

  awaitPromise.resolve('helloworld');//不会执行

  }

  //第二行的promise语句不会执行

到此,相信大家对"怎么使用js async函数"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

0