JavaScript 中的 Promise 与回调：了解异步处理

在 JavaScript 中构建应用程序时，要考虑的最重要方面之一是如何处理异步作，例如 API 调用、文件读取或数据库访问。为了管理这些场景，广泛使用了两种常见的方法：callbacks 和 promises。我将解释它们的区别、优点以及何时最好使用每种方法。

什么是回调？

回调是作为参数传递给另一个函数的函数，该函数在 main 函数完成后执行。这是处理未立即完成的任务的常用技术。

基本示例：

function greet(name, callback) {
  console.log("Hello " + name);
  callback();
}

greet("Carlos", function() {
  console.log("Goodbye");
});

常见问题：

• Callback Hell：当嵌套的回调太多时，代码难以阅读。
• 复杂错误处理：您必须手动检查每个嵌套级别的错误。

什么是 Promise？

Promise 是一个对象，它表示异步作的最终完成（或失败）。它有三种状态：

• Pending：作仍在进行中。
• Fulfilled：作成功完成。
• Rejected：作失败。

Promise 示例：

const promise = new Promise((resolve, reject) => {
  let success = true;

  if (success) {
    resolve("All good");
  } else {
    reject("Something went wrong");
  }
});

promise
  .then(res => console.log(res))
  .catch(err => console.log(err));

优势：

• 比嵌套回调更好的结构。
• 使用 .catch（） 进行集中错误处理。
• 能够使用 .then（） 链接任务。

async/await：两全其美

async/await 是一种使用 Promise 的现代方式，它允许以同步样式编写异步代码。

例：

async function executeTask() {
  try {
    const result = await promise;
    console.log(result);
  } catch (error) {
    console.log("Error:", error);
  }
}

这使得代码更简洁、更具可读性，避免了回调地狱并简化了错误处理。

何时使用每个

• 对于简单的任务或使用较旧的库时，请使用回调。
• 当您需要管理多个异步任务或避免过多嵌套时，请使用 Promise。
• 如果您想要更简洁、更现代的代码，请使用 async/await。

结论

callback 和 promise 对于处理 JavaScript 中的异步都是必不可少的。了解它们的工作原理以及何时使用它们将有助于您编写更简洁、更易于维护和更高效的代码。随着应用程序的增长，promise 和 async/await 成为以有组织的方式扩展的基本工具。

出处：https://dev.to/