JavaScript 中如何实现并发控制

在 JavaScript 中，实现并发控制是指控制多个异步任务的执行顺序和并发数，从而避免出现竞态条件和并发问题，提高程序的稳定性和可靠性。以下是实现并发控制的几种方式：

1. 回调函数

回调函数是 JavaScript 中最常用的实现并发控制的方式。在执行异步任务时，我们可以将任务的结果传递给一个回调函数，用于在任务完成后执行后续的操作。通过回调函数，我们可以控制异步任务的执行顺序和并发数。以下是一个示例：

function fetchData(url, callback) {
  // 发送请求获取数据
  // ...
  // 数据返回成功后执行回调函数
  callback(data);
}

// 并发控制
let urls = ['url1', 'url2', 'url3'];
let count = 0;
let limit = 2;

function fetchUrl() {
  fetchData(urls[count], function(data) {
    // 处理数据
    console.log(data);

    count++;
    if (count < urls.length) {
      fetchUrl();
    }
  });
}

for (let i = 0; i < limit; i++) {
  fetchUrl();
}

在上面的示例中，我们定义了一个 fetchData 函数用于发送异步请求获取数据，并通过回调函数 callback 处理获取到的数据。在并发控制部分，我们定义了一个 urls 数组存储所有需要请求的地址，以及一个 count 变量表示已经请求到了第几个地址，以及一个 limit 变量表示允许的最大并发数为 2。最后通过 for 循环来控制异步任务的执行。

2. Promise

Promise 是 ES6 中新增的语法，用于处理异步操作。Promise 通过 then 和 catch 方法来处理操作完成后的状态，从而实现并发控制。以下是一个示例：

function fetchData(url) {
  return new Promise(function(resolve, reject) {
    // 发送请求获取数据
    // ...
    // 数据返回成功时执行 resolve 方法
    resolve(data);
  });
}

// 并发控制
let urls = ['url1', 'url2', 'url3'];
let count = 0;
let limit = 2;

function fetchUrl() {
  fetchData(urls[count])
    .then(function(data) {
      // 处理数据
      console.log(data);

      count++;
      if (count < urls.length) {
        fetchUrl();
      }
    })
    .catch(function(error) {
      // 处理异常
      console.error(error);
    });
}

for (let i = 0; i < limit; i++) {
  fetchUrl();
}

在上面的示例中，我们定义了一个 fetchData 函数返回一个 Promise 对象，通过 then 方法来处理成功的状态，以及 catch 方法来处理失败的状态。在并发控制部分，我们定义了一个 urls 数组存储所有需要请求的地址，以及一个 count 变量表示已经请求到了第几个地址，以及一个 limit 变量表示允许的最大并发数为 2。最后通过 for 循环来控制异步任务的执行。