JavaScript 基础知识：深入探讨异步编程-js教程-PHP中文网

JavaScript 基础知识：深入探讨异步编程

DDD

发布： 2024-11-11 17:57:01

转载

1177人浏览过

javascript 基础知识：深入探讨异步编程

异步编程对于 javascript 中处理文件读取、网络请求和计时器等操作至关重要，否则这些操作会阻止程序的执行。了解如何使用异步代码对于构建高效、非阻塞的 web 应用程序至关重要。

什么是异步编程？
在同步编程中，每个操作都是依次执行的。但是，异步编程允许某些操作（例如从 api 获取数据）独立于主程序流程运行，让其他任务在等待操作完成时运行。
回调

回调是作为参数传递给另一个函数的函数，它在任务完成后执行。例如，在事件处理或 settimeout 函数中，您传递一个在操作完成时运行的回调。

豆包AI编程

豆包推出的AI编程助手

483

查看详情

settimeout(() => {
  console.log("this runs after 2 seconds");
}, 2000);

登录后复制

承诺 promise 代表了未来可用的价值。它们用于比回调更优雅地处理异步操作，尤其是错误处理。

promise 可以处于三种状态之一：pending、resolved（fulfilled）或rejected。可以使用 .then() 和 .catch() 链接 promise 来处理结果和错误。

let promise = new promise((resolve, reject) => {
  let success = true;
  success ? resolve("data fetched successfully!") : reject("fetch failed");
});

promise
  .then(result => console.log(result))
  .catch(error => console.log(error));

登录后复制

异步/等待 es2017 中引入的 async 和 wait 提供了一种更清晰、更易读的方式来处理异步代码。 async 使函数返回一个promise，await 暂停执行，直到promise 解析或拒绝。

async function fetchData() {
  try {
    let response = await fetch("https://api.example.com");
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

登录后复制