JavaScript 和 Node.js 中异步调用的响应处理：终极指南

2024-03-11 14:14:15

异步调用中响应的返回

引言

在现代编程中，异步编程已成为一种常态。异步调用允许我们执行操作，同时不会阻塞主线程。不过，从这些异步调用中检索响应仍然是一个常见的挑战。本文将深入探讨在 JavaScript 和 Node.js 中从异步调用中返回响应的不同方法。

在 JavaScript 中返回响应

回调函数

回调函数是处理异步操作最传统的方法。当异步操作完成后，它会调用一个预定义的回调函数，该函数可以接受响应作为参数。

function foo(callback) {
  // 异步操作
  $.ajax({
    url: '...',
    success: function(response) {
      callback(response);
    }
  });
}

// 调用 foo 并处理响应
foo(function(response) {
  console.log(response);
});

Promise

Promise 是一种更现代的方法，用于处理异步操作。Promise 对象可以包装异步操作，并允许使用 then 方法链式调用操作。

function foo() {
  // 异步操作
  return fetch(url).then(function(response) {
    return response;
  });
}

// 调用 foo 并处理响应
foo().then(function(response) {
  console.log(response);
});

async/await

async/await 是 JavaScript 中一种更简洁的方法，用于处理异步操作。async 函数可以返回一个 Promise，而 await 表达式可以暂停函数执行，直到 Promise 解决为止。

async function foo() {
  // 异步操作
  const response = await fetch(url);
  return response;
}

// 调用 foo 并处理响应
foo().then(function(response) {
  console.log(response);
});

在 Node.js 中返回响应

回调函数

与 JavaScript 类似，Node.js 也使用回调函数处理异步操作。

function foo(callback) {
  // 异步操作
  fs.readFile("path/to/file", function(err, data) {
    callback(data);
  });
}

// 调用 foo 并处理响应
foo(function(data) {
  console.log(data);
});

Promise

Node.js 也支持 Promise，它使用 then 方法和 catch 方法来处理成功和错误响应。

function foo() {
  // 异步操作
  return new Promise(function(resolve, reject) {
    fs.readFile("path/to/file", function(err, data) {
      if (err) {
        reject(err);
      } else {
        resolve(data);
      }
    });
  });
}

// 调用 foo 并处理响应
foo().then(function(data) {
  console.log(data);
}).catch(function(err) {
  console.error(err);
});