前端学习Promise函数

前端学习Promise函数

• 一、前言
• • 1.示例
  • 2.调用与处理结果

---

一、前言

当需要处理异步操作时，Promise 是一种非常方便的解决方案。下面是一个简单的 Promise 函数示例，该函数会模拟异步获取数据的过程，并返回一个 Promise 对象：

1.示例

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步请求数据
    setTimeout(() => {
      const data = [1, 2, 3, 4, 5];
      if (data.length > 0) {
        resolve(data); // 异步操作成功，调用 resolve 并传递数据
      } else {
        reject('Error: No data available'); // 异步操作失败，调用 reject 并传递错误信息
      }
    }, 1000);
  });
}

在这个示例中，fetchData 函数返回一个 Promise 对象，该对象在内部执行了一个模拟的异步操作。如果异步操作成功，则调用 resolve 并传递数据；如果异步操作失败，则调用 reject 并传递错误信息。

2.调用与处理结果

使用该 Promise 函数可以像下面这样进行调用和处理结果：

fetchData()
  .then(data => {
    console.log('Data received:', data);
    // 在这里可以对获取到的数据进行处理
  })
  .catch(error => {
    console.error('Error occurred:', error);
    // 在这里可以处理错误情况
  });

在这个示例中，我们使用了 then 方法来处理 Promise 成功的情况，使用 catch 方法来处理 Promise 失败的情况。

希望这个示例能帮助你更好地理解如何使用 Promise 函数进行异步操作的处理。如果你有其他问题，欢迎随时向我提问！