JavaScript异步函数有哪些创新用法

JavaScript 异步函数的创新用法有很多，以下是一些常见的用法：

1. Promise 链式调用：Promise 是一种异步编程的解决方案，它可以将多个异步操作以链式调用的方式组织起来，使得代码更加简洁和易于维护。例如：

function asyncOperation1() {   return new Promise((resolve, reject) => {     // 异步操作     resolve('result1');   }); }  function asyncOperation2(param) {   return new Promise((resolve, reject) => {     // 异步操作     resolve(`result2 with ${param}`);   }); }  asyncOperation1()   .then(result1 => {     console.log(result1);     return asyncOperation2(result1);   })   .then(result2 => {     console.log(result2);   })   .catch(error => {     console.error(error);   }); 

2. async/await 语法：async/await 是 ES7 引入的一种新的异步编程语法，它使得异步代码看起来更像同步代码，提高了代码的可读性和可维护性。例如：

async function asyncOperation1() {   // 异步操作   return 'result1'; }  async function asyncOperation2(param) {   // 异步操作   return `result2 with ${param}`; }  (async function() {   try {     const result1 = await asyncOperation1();     console.log(result1);     const result2 = await asyncOperation2(result1);     console.log(result2);   } catch (error) {     console.error(error);   } })(); 

3. Promise.all() 和 Promise.race()：Promise.all() 方法可以接受一个 Promise 数组作为参数，当所有的 Promise 都成功 resolve 时，返回一个新的 Promise，其结果是一个包含所有 Promise 结果的数组；如果有一个 Promise 被 reject，则返回的 Promise 也会被 reject，并带有第一个被 reject 的 Promise 的错误信息。Promise.race() 方法可以接受一个 Promise 数组作为参数，返回一个新的 Promise，这个新的 Promise 会在输入的 Promise 中的任何一个成功或失败时立即以同样的结果结束。例如：

const promise1 = new Promise((resolve, reject) => {   setTimeout(() => resolve('one'), 100); });  const promise2 = new Promise((resolve, reject) => {   setTimeout(() => resolve('two'), 200); });  Promise.all([promise1, promise2]).then(values => {   console.log(values); // ['one', 'two'] });  Promise.race([promise1, promise2]).then(value => {   console.log(value); // 'one' }); 

4. 异步迭代器：异步迭代器是一种新的语法，它允许你在异步操作中使用 for…of 循环。例如：

async function asyncIterable() {   for (let i = 0; i < 3; i++) {     await new Promise(resolve => setTimeout(resolve, 1000));     yield `result${i}`;   } }  (async function() {   for await (const result of asyncIterable()) {     console.log(result); // 'result0', 'result1', 'result2'   } })();