[2 了解JavaScript承诺

承诺是JavaScript中的一个强大功能，可以简化处理异步操作的处理。它们提供了一种更清洁，更直观的方式来处理异步代码，避免了诸如“回调地狱”之类的问题。

什么是诺言？

是一个代表异步操作的最终完成（或失败）及其结果值的对象。它使您可以通过链接操作和有效处理错误来编写更易于管理的异步代码。

一个承诺具有三个状态：

：初始状态，既不实现也没有拒绝。

实现了

：操作失败，承诺有故障的原因（通常是错误）。
• 例子：
• 承诺方法
1。然后（）
• 用于处理承诺的实现。

const promise = new Promise((resolve, reject) => {
  let success = true; // Change to false to simulate rejection

  if (success) {
    resolve("Operation was successful!");
  } else {
    reject("Operation failed.");
  }
});

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

用于处理承诺拒绝。

3。最后（）

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

在解决数组中的所有承诺都得到解决。

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。

5。Promise.allsettled（）

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。然后（（结果）=> console.log（result））;

6。Promise.race（）
• 在解决方案之一或拒绝的一项诺言后立即解决或拒绝。

const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);

Promise.all([promise1, promise2]).then((results) => console.log(results));

7. Promise.any（）

• 一旦实现了任何承诺。

promise
  .then((result) => {
    console.log(result);
    return "Next Step";
  })
  .then((nextResult) => console.log(nextResult));

）。然后（（结果）=> console.log（resuly））;

• 锁定承诺

const promise1 = new Promise((resolve) => setTimeout(resolve, 500, "One"));
const promise2 = new Promise((resolve) => setTimeout(resolve, 100, "Two"));

Promise.race([promise1, promise2]).then((result) => console.log(result));

• 错误通过前景链传播，直到被捕获（）块捕获为止。
• fetch（“ https://api.example.com/data”） 。然后（（响应）=> { 如果（！wendmes..ok）提出新错误（“网络响应不正常”）; 返回响应json（）; }）） 。 .catch（（error）=> console.error（“错误：”，错误））;

const promise1 = Promise.reject("Error 1");
const promise2 = Promise.resolve("Success");
const promise3 = Promise.reject("Error 2");

Promise.any([promise1, promise2, promise3]).then((result) => console.log(result));

fetch("https://api.example.com/data")
  .then((response) => response.json())
  .then((data) => {
    console.log(data);
    return fetch("https://api.example.com/other-data");
  })
  .then((otherResponse) => otherResponse.json())
  .then((otherData) => console.log(otherData))
  .catch((error) => console.error("Error:", error));