JavaScript承诺的概述-SitePoint-js教程-PHP中文网

JavaScript承诺的概述-SitePoint

William Shakespeare

发布： 2025-02-11 08:37:09

原创

739 人浏览过

An Overview of JavaScript Promises - SitePoint

>本教程探讨了JavaScript Prosises，这是一种用于管理异步操作的强大工具。我们将介绍承诺的创建，链接，错误处理和高级方法。

密钥概念：

异步操作：> javaScript任务不会立即返回结果。承诺优雅地处理这些。
承诺状态：承诺在三个状态中存在：（初始），实现（成功完成）， 被拒绝（失败）。

构造器启动了一个承诺。 >信号成功，信号失败。new Promise((resolve, reject) => { ... }) resolvereject>使用链接：使用

顺序执行异步任务。每个都会收到前面承诺的结果。 .then()>使用.then()>的错误处理：.then()>使用

来管理错误，该错误处理链条中的任何地方。

>用.catch()进行清理：执行代码，无论使用.catch()>的实现或拒绝如何。清理任务的理想选择。

高级承诺方法：.finally()，，.finally()，

>提供了管理多个诺言的复杂方法。

超越回调（“回调地狱”）：Promise.allPromise.race> Promise.any>在承诺之前，回调用于异步操作。嵌套回调（回调地狱）导致复杂的，难以维护的代码。承诺提供更清洁，更可读的替代方案。Promise.allSettled

创建一个诺言：

一个简单的承诺示例：

>使用

和：>

const myPromise = new Promise((resolve, reject) => {
  // Asynchronous operation (e.g., network request)
  setTimeout(() => {
    const success = true; // Simulate success or failure
    if (success) {
      resolve("Operation successful!");
    } else {
      reject("Operation failed!");
    }
  }, 1000);
});

登录后复制

承诺链接：

连锁执行的承诺：.then() .catch()

myPromise
  .then(result => console.log(result)) // Handles successful resolution
  .catch(error => console.error(error)); // Handles rejection

登录后复制

用于清理：

高级方法：

Promise.all([promise1, promise2, ...])：等待所有应许。如果有任何承诺拒绝。
：Promise.allSettled([promise1, promise2, ...])等待所有承诺定居（解决或拒绝），返回结果数组。
：Promise.any([promise1, promise2, ...])以第一个应许可解决的结果解决。拒绝如果所有承诺拒绝。
>：Promise.race([promise1, promise2, ...])在第一个承诺定居的结果下解决或拒绝。

（句法糖）：> async/await 简化了基于承诺的代码：

async/await

选择正确的方法：

const myPromise = new Promise((resolve, reject) => {
  // Asynchronous operation (e.g., network request)
  setTimeout(() => {
    const success = true; // Simulate success or failure
    if (success) {
      resolve("Operation successful!");
    } else {
      reject("Operation failed!");
    }
  }, 1000);
});

登录后复制

回调：