JavaScript基础知识：JavaScript 中的异步编程有哪些模式？

在JavaScript中，异步编程是一种处理异步操作的方法，以确保代码不会在执行长时间运行的任务时被阻塞。以下是几种常见的JavaScript中的异步编程模式：

1. 回调函数（Callbacks）：

   • 回调函数是最基本的异步编程模式。在一个函数完成后，会调用传递给它的回调函数。

   • 例如，在异步操作完成后执行回调：

     function fetchData(callback) {
            
       // 模拟异步操作
       setTimeout(function () {
            
         console.log("Data fetched!");
         callback();
       }, 1000);
     }
     
     fetchData(function () {
            
       console.log("Callback executed!");
     });
     

2. Promise（Promises）：

   • Promise是一种更先进的异步编程模式，用于处理异步操作的结果。
   • Promise有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。

   • 例如：

     function fetchData() {
            
       return new Promise(function (resolve, reject) {
            
         // 模拟异步操作
         setTimeout(function () {
            
           console.log("Data fetched!");
           resolve();
         }, 1000);
       });
     }
     
     fetchData().then(function () {
            
       console.log("Promise resolved!");
     });
     

3. 异步函数（Async/Await）：

   • Async/Await是建立在Promise之上的语法糖，提供更清晰和同步的异步代码编写方式。
   • 通过在函数前加上async关键字，以及使用await关键字等待Promise解决。

   • 例如：

     async function fetchData() {
            
       return new Promise(function (resolve, reject) {
            
         // 模拟异步操作
         setTimeout(function () {
            
           console.log("Data fetched!");
           resolve();
         }, 1000);
       });
     }
     
     async function fetchDataWrapper() {
            
       await fetchData();
       console.log("Async/Await executed!");
     }
     
     fetchDataWrapper();
     

4. 事件监听（Event Emitters）：

   • 通过发布/订阅模式，事件监听允许对象在某些事件发生时通知监听器。
   • Node.js的EventEmitter是一个常见的例子，DOM事件也是基于这个模式。

   • 例如：

     const EventEmitter = require('events');
     
     const emitter = new EventEmitter();
     
     emitter.on('dataFetched', function () {
            
       console.log('Data fetched event!');
     });
     
     setTimeout(function () {
            
       emitter.emit('dataFetched');
     }, 1000);
     

这些模式可以单独使用，也可以组合使用，具体取决于项目的需求和个人的编程风格。最近的JavaScript版本已经引入了一些更高级的异步编程工具，例如async/await、Promise.all等，使异步编程更加简单和灵活。