js async await原理
 
 
  JS async/await是JS中一种异步编程的新方法,它可以让异步代码看起来像同步代码一样,更加简单易读。
 
  Async/await 的基本原理是借助 ES6 中引入的 Promise 对象和 Generator 函数,它们可以将复杂的异步操作代码拆分成多个步骤,从而让代码变得更加简单、清晰、易读。
 
  以下是使用 async/await 前后的代码示例:
 
  // 使用 async/await
  async function getData() {
    let data = await fetchData();
    return data;
 
  // 不使用 async/await
  function getData() {
    fetchData().then(data => {
      return data
    })
 
  使用 async/await 后,代码看起来更像是同步代码了,而且更加简洁易读。
 
  其实 async/await 其实就是 Promise 面向对象的语法糖,它的本质是将复杂的异步代码拆分成多个步骤,比如上面的示例,就是将 fetchData() 操作拆分成两个步骤,第一步是 await fetchData(),第二步是将结果赋给 data,最后返回结果数据。
 
await和async使用方法  另外,async/await 还支持多个异步操作的并发执行,只需要将多个异步操作用 await 包装起来即可,例如:
 
  // 多个异步操作并发执行
  async function getData() {
    let [data1, data2] = await Promise.all([
      fetchData1(),
      fetchData2()
    ]);
    return [data1, data2];
 
  总之,async/await 是 JS 中一种更加简洁易读的异步编程方式,它的本质是将复杂的异步操作代码拆分成多个步骤,并发执行,从而让代码变得更加简单、清晰、易读。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。