Promise总结(promise 是什么?有哪些状态和参数?如何使用?)

Promise是异步编程解决方案,用于处理异步操作队列,确保按序执行并返回预期结果。Promise对象有pending、fulfilled、rejected三种状态,一旦状态改变,如从pending变为fulfilled或rejected,将不可逆。Promise通过resolve和reject函数处理异步操作的成功和失败,使用then方法进行后续处理。

Promise 是什么?

Promise 是异步编程的一种解决方案:

  1. 主要用于异步计算
  2. 可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果
  3. 可以在对象之间传递和操作 promise,帮助我们处理队列

Promise的参数是什么?

Promise接受一个「函数」作为参数,该函数的两个参数分别是resolvereject。这两个函数就是就是「回调函数」

  • resolve函数的作用:在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
  • reject函数的作用:在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

Promise的三个状态是什么?

  1. pending[待定]初始状态
  2. fulfilled[实现]操作成功
  3. rejected[被否决]操作失败

当 promise 状态发生改变,就会触发 then()里的响应函数处理后续步骤; promise 状态一经改变,不会再变。

Promise 对象的状态改变,只有两种可能: 从 pending 变为 fulfilled。
从 pending 变为 rejected。
这两种情况只要发生,状态就凝固了,不会再变了。

Promise如何使用?

在 ES6 中,可以使用三种办法创建 Promise 实例(对象)

  1. 构造方法
let promies = new Promise((resolve, reject) => {
 resolve(); //异步处理 
});

Promise 构造函数接受一个函数作为参数,该函数的两个参数分别是 resolvereject。它们是两个函数,由 JavaScript 引擎提供,不用自己部署。

  1. 通过 Promise 实例的方法,Promise#then 方法返回的也是一个 Promise 对象
promise.then(onFulfilled, onRejected);
  1. 通过 Promise 的静态方法,Promise.resolve()Promise.reject()
var p = Promise.resolve();
p.then(function(value) {
 console.log(value); 
});
Promise是一种用于处理异步操作的对象,它的内部原理基于状态管理回调机制。Promise对象有三种状态:pending(进行中)、fulfilled(已成功)rejected(已失败)。初始状态为pending,当异步操作成功完成时,状态变为fulfilled,并触发相应的回调函数;若操作失败,状态变为rejected,也会触发对应的回调函数。Promise对象上的then方法用于指定状态改变时的操作,其中resolve是在状态变为fulfilled时执行的第一个函数,reject是在状态变为rejected时执行的第二个函数[^3]。 Promise的优点包括: - 适合处理一次性结果:事件相比较,Promise更适合处理一次性的结果,在结果计算出来之前或之后注册回调函数都能拿到正确的值[^2]。 - 链式处理:then方法返回一个新的Promise对象,因此可以将then的调用不停地串连起来,使代码变得扁平且更可读,便于处理多个异步操作的顺序执行问题[^4]。 Promise的缺点如下: - 不可取消:一旦创建了Promise,就无法取消,这可能会导致资源浪费或不必要的异步操作[^1]。 - 无法中断:Promise一旦开始执行,就无法中断,可能会造成性能问题[^1]。 - 不支持同步操作:Promise主要用于处理异步操作,不适用于同步操作,在某些情况下可能会带来不便[^1]。 - 不适用于多次触发事件:不能使用Promise处理多次触发的事件[^2]。 以下是一个Promise封装AJAX操作的代码示例: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Promise封装AJAX操作</title> </head> <body> <script> /** * 封装一个函数 sendAJAX 发送 GET AJAX 请求 * 参数 URL * 返回结果 Promise 对象 */ function sendAjax(url){ return new Promise((resolve,reject)=>{ const xhr = new XMLHttpRequest(); // xhr.responseType = 'json'; xhr.open('GET',url); xhr.send(); xhr.onreadystatechange = () => { if(xhr.readyState === 4){ if(xhr.status >= 200 && xhr.status < 300){ resolve(xhr.response); }else{ reject(xhr.status); } } } }) } sendAjax('https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi') .then(value=>{ console.log(value); },reason=>{ console.warn(reason); }); </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值