异步解决方案小技巧

2023-09-21 17:58:51

1. await和Promise.all()结合使用

await和Promise.all()可以结合使用，以便等待多个异步任务同时完成。这对于需要同时处理多个异步任务的情况非常有用。例如，以下代码同时获取两个URL的数据：

async function getData() {
  const [data1, data2] = await Promise.all([
    fetch('https://example.com/data1'),
    fetch('https://example.com/data2')
  ]);
  return [data1, data2];
}

2. await和setTimeout()结合使用

await和setTimeout()可以结合使用，以便在指定的时间后执行某些操作。这对于需要延迟执行某些操作的情况非常有用。例如，以下代码在3秒后输出“Hello, world!”：

async function sayHello() {
  await setTimeout(() => {
    console.log('Hello, world!');
  }, 3000);
}

3. await和fetch()结合使用

await和fetch()可以结合使用，以便从服务器获取数据。这对于需要从服务器获取数据的情况非常有用。例如，以下代码从服务器获取数据并将其输出到控制台：

async function getData() {
  const response = await fetch('https://example.com/data');
  const data = await response.json();
  console.log(data);
}

4. await和循环结合使用

await和循环可以结合使用，以便顺序执行多个异步任务。这对于需要顺序执行多个异步任务的情况非常有用。例如，以下代码顺序执行三个异步任务：

async function doSomething() {
  for (let i = 0; i < 3; i++) {
    await doSomethingAsync(i);
  }
}

5. 错误处理

在使用async/await时，如果异步任务发生错误，可以通过try...catch语句来捕获错误。例如，以下代码捕获了异步任务发生的错误：

async function getData() {
  try {
    const response = await fetch('https://example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}