异步编程

回调函数

回调函数是一种编程模式，可以在函数中进行异步操作，将操作的结果通过一个函数参数返回。在 JavaScript 中，回调函数经常用于异步编程。

例如，下面的代码中的 add 函数并没有返回加法的结果，而是在异步操作完成后，通过回调函数将结果返回：

function add(x, y, callback) {
  setTimeout(function() {
    var ret = x + y;
    callback(ret);
  }, 1000);
}

add(2, 2, function(result) {
  console.log(result); // 4
});

注意，回调函数并不是立即执行的，而是在异步操作完成之后才执行。因此，上面的代码首先输出 undefined，然后 1 秒后输出 4。

在 JavaScript 中，许多异步 API（如 setTimeout、XMLHttpRequest、fetch 等）都是基于回调函数实现的。

Promise

Promise 是一种解决回调地狱（callback hell）的编程模式，它可以简化异步编程，使代码更加清晰易懂。Promise 最初由 CommonJS 社区提出，目前已经成为 JavaScript 的标准之一。

Promise 表示一个异步操作的最终完成（或失败）及其结果值。Promise 可以通过链式调用 then 方法，将多个异步操作按顺序执行。

下面是一个使用 Promise 的例子：

function add(x, y) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      var ret = x + y;
      resolve(ret);
    }, 1000);
  });
}

add(2, 2)
  .then(function(result) {
    console.log(result); // 4
    return add(result, 2);
  })
  .then(function(result) {
    console.log(result); // 6
    return add(result, 2);
  })
  .then(function(result) {
    console.log(result); // 8
  });

在上面的代码中，add 函数返回一个 Promise，这个 Promise 在异步操作完成后调用 resolve 方法返回结果。然后，通过链式调用 then 方法，将多个异步操作串联起来。每次调用 then 方法时，返回一个新的 Promise，因此可以在每个 then 方法中继续调用下一个异步操作。

需要注意的是，Promise 可以通过 catch 方法处理异常，也可以通过 finally 方法处理清理操作。

function add(x, y) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      if (isNaN(x) || isNaN(y)) {
        reject(new Error('参数必须是数字'));
      } else {
        var ret = x + y;
        resolve(ret);
      }
    }, 1000);
  });
}

add(2, 2)
  .then(function(result) {
    console.log(result); // 4
    return add(result, 2);
  })
  .then(function(result) {
    console.log(result); // 6
    return add(result, 'a');
  })
  .then(function(result) {
    console.log(result);