如何使用Promise对象的then方法-js教程-PHP中文网

如何使用Promise对象的then方法

王林

发布： 2024-02-18 12:33:06

原创

1857人浏览过

promise的then方法怎么使用

Promise的then方法是用于处理Promise对象的异步操作的。在JS中，Promise是一种常用的处理异步操作的方式，它提供了更为便捷和清晰的语法来处理异步操作。

then方法的基本使用方式如下：

promise.then(onFulfilled, onRejected);

登录后复制

其中，onFulfilled是Promise成功时的回调函数，在Promise对象的状态变为Fulfilled（已完成）时被调用；onRejected是Promise失败时的回调函数，在Promise对象的状态变为Rejected（已拒绝）时被调用。

具体来说，当Promise对象的状态为Fulfilled时，会调用onFulfilled函数并将Promise内部的值作为参数传递给它。而当Promise对象的状态为Rejected时，会调用onRejected函数并将Promise内部的错误信息作为参数传递给它。

下面是一个简单的示例代码，展示了Promise的then方法的使用：

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步请求
    setTimeout(() => {
      const data = 'Hello World!';
      resolve(data); // 成功时调用resolve，传递数据
      // reject('Error occurred'); // 失败时调用reject，传递错误信息
    }, 1000);
  });
}

fetchData()
  .then((data) => {
    console.log('成功：', data);
  })
  .catch((error) => {
    console.error('失败：', error);
  });

登录后复制

在上述示例中，我们定义了一个fetchData函数，它返回一个Promise对象。在Promise构造函数中，我们模拟了一个异步请求，1秒后返回数据或错误。通过调用resolve或reject来改变Promise的状态。

在主程序中，我们调用fetchData函数，并通过then方法注册了成功时的回调函数和catch方法注册了失败时的回调函数。当fetchData函数内的异步操作完成后，根据返回的结果，会调用相应的回调函数。

需要注意的是，then方法返回的是一个新的Promise对象。通过链式调用then方法，可以实现对多个异步操作的依次处理。

总之，Promise的then方法是用于处理Promise对象的成功和失败状态的回调函数。它提供了一种便捷的方式来处理异步操作，并使得代码的可读性更好。

以上就是如何使用Promise对象的then方法的详细内容，更多请关注php中文网其它相关文章！