笔记大全

javascript async

更新时间：2023-11-28

前言：

异步编程在JavaScript中起着非常重要的作用。在处理异步任务时，我们常常会遇到需要等待其他任务完成后才能执行的情况。JavaScript的异步编程模式通过回调函数、Promise和async/await等机制来处理这种情况，使我们能够优雅地编写异步代码。

异步编程的工作原理：

在JavaScript中，异步任务可以是从服务器获取数据、读取文件、用户输入等事件。当我们遇到一个异步任务时，JavaScript不会停下来等待任务完成，而是继续执行后面的代码。一旦异步任务完成，JavaScript会触发一个事件，执行事先设定好的回调函数或继续执行Promise或await语句。

// 示例一：使用回调函数
function getData(callback) {
  setTimeout(function() {
    callback('Data received');
  }, 1000);
}

getData(function(data) {
  console.log(data);  // 输出：Data received
});

// 示例二：使用Promise
function getData() {
  return new Promise(resolve => {
    setTimeout(function() {
      resolve('Data received');
    }, 1000);
  });
}

getData().then(data => {
  console.log(data);  // 输出：Data received
});

// 示例三：使用async/await
async function fetchData() {
  return new Promise(resolve => {
    setTimeout(function() {
      resolve('Data received');
    }, 1000);
  });
}

async function getData() {
  const data = await fetchData();
  console.log(data);  // 输出：Data received
}

getData();

回调函数：

回调函数是JavaScript中最早用来处理异步任务的方式。在这种模式下，我们将一个函数作为参数传递给异步任务，任务完成后调用该函数。回调函数通过参数接收异步任务的结果。回调函数的问题在于，如果异步任务较多，会产生回调地狱的问题，代码难以维护。

Promise：

Promise是ES6引入的一种处理异步编程的机制。它通过链式调用的方式解决了回调地狱的问题。Promise对象有三个状态：Pending（进行中）、Resolved（已完成）和Rejected（已拒绝）。当异步任务完成时，Promise对象状态会从Pending变为Resolved，并执行后续的then回调函数；如果异步任务失败，Promise对象状态会变为Rejected，并执行catch回调函数。

async/await：

async和await是ES7引入的新语法糖，用于简化Promise的使用。async函数是返回Promise对象的一个普通函数，并且使用await关键字来等待异步操作的结果。在使用async/await时，我们可以像编写同步代码一样编写异步代码，使得代码可读性更好。

// 示例：使用async/await进行串行异步操作
async function fetchData1() {
  return new Promise(resolve => {
    setTimeout(function() {
      resolve('Data 1 received');
    }, 1000);
  });
}

async function fetchData2() {
  return new Promise(resolve => {
    setTimeout(function() {
      resolve('Data 2 received');
    }, 1000);
  });
}

async function getData() {
  const data1 = await fetchData1();
  console.log(data1);  // 输出：Data 1 received

  const data2 = await fetchData2();
  console.log(data2);  // 输出：Data 2 received
}

getData();

总结：

异步编程在JavaScript中是一个非常重要的概念，通过使用回调函数、Promise和async/await等机制，我们可以优雅地处理异步任务。回调函数是最早被广泛使用的方法，但容易产生回调地狱的问题。Promise通过链式调用的方式解决了这个问题，并增加了对异步任务状态的处理。async/await语法糖进一步简化了Promise的使用，让异步代码更加可读。

c语言编程笔录