JavaScript异步函数怎么使用


这篇文章主要介绍了JavaScript异步函数怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript异步函数怎么使用文章都会有所收获,下面我们一起来看看吧。
  异步函数
  异步函数(async function)是 ECMAScript 2017 (ECMA-262) 标准的规范,几乎被所有浏览器所支持,除了 Internet Explorer。
  在 Promise 中我们编写过一个 Promise 函数:
  实例
  function print(delay, message) {
  return new Promise(function (resolve, reject) {
  setTimeout(function () {
  console.log(message);
  resolve();
  }, delay);
  });
  }
  然后用不同的时间间隔输出了三行文本:
  实例
  print(1000, “First”).then(function () {
  return print(4000, “Second”);
  }).then(function () {
  print(3000, “Third”);
  });
  我们可以将这段代码变得更好看:
  实例
  async function asyncFunc() {
  await print(1000, “First”);
  await print(4000, “Second”);
  await print(3000, “Third”);
  }
  asyncFunc();
  哈!这岂不是将异步操作变得像同步操作一样容易了吗!
  这次的回答是肯定的,异步函数 async function 中可以使用 await 指令,await 指令后必须跟着一个 Promise,异步函数会在这个 Promise 运行中暂停,直到其运行结束再继续运行。
  异步函数实际上原理与 Promise 原生 API 的机制是一模一样的,只不过更便于程序员阅读。
  处理异常的机制将用 try-catch 块实现:
  实例
  async function asyncFunc() {
  try {
  await new Promise(function (resolve, reject) {
  throw “Some error”; // 或者 reject(“Some error”)
  });
  } catch (err) {
  console.log(err);
  // 会输出 Some error
  }
  }
  asyncFunc();
  如果 Promise 有一个正常的返回值,await 语句也会返回它:
  实例
  async function asyncFunc() {
  let value = await new Promise(
  function (resolve, reject) {
免费云主机域名  resolve(“Return value”);
  }
  );
  console.log(value);
  }
  asyncFunc();
  程序会输出:
  Return value关于“JavaScript异步函数怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“JavaScript异步函数怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: Laravel如何修改时间戳默认列表

这篇文章主要为大家展示了“Laravel如何修改时间戳默认列表”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让免费云主机域名小编带领大家一起研究并学习一下“Laravel如何修改时间戳默认列表”这篇文章吧。修改时间戳默认列表假如当前使用的是非 La…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 09/28 12:43
下一篇 09/28 12:44

相关推荐