promise对象

最新推荐文章于 2024-09-14 22:18:26 发布

王元祺

最新推荐文章于 2024-09-14 22:18:26 发布

阅读量55

点赞数

文章标签：前端 javascript vue.js 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_35757191/article/details/128869768

版权

Promise是JavaScript中处理异步操作的一种方式，它有pending、fulfilled和rejected三种状态。当异步操作完成后，Promise状态改变并触发相应回调。在示例中，getPageContent函数使用XMLHttpRequest获取网页内容，成功时调用then处理响应，失败时调用catch捕获错误。

摘要由CSDN通过智能技术生成

Promise对象是一种用于异步编程的解决方案。它允许你将异步操作的代码写在Promise的then方法里，并在异步操作完成时获得结果。Promise有三种状态：pending(进行中)、fulfilled(已完成)和rejected(已失败)。在Promise对象刚刚创建时，它的状态是pending，一旦异步操作完成，它的状态就会变为fulfilled或rejected。你可以使用Promise.resolve()和Promise.reject()来分别创建一个已完成或已失败的Promise对象。

例如，你可以这样使用Promise来获取一个网页的内容：

const getPageContent =url => {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onload = () => {
      if (xhr.status === 200) {
        resolve(xhr.response);
      } else {
        reject(new Error(xhr.statusText));
      }
    };
    xhr.onerror = () => {
      reject(new Error('Network error'));
    };
    xhr.send();
  });
};

getPageContent('http://example.com')
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });