promise是什么?有哪些状态和参数?如何使用?

名词约定

一般来讲,有以下的名词约定:

promise(首字母小写)对象指的是“Promise实例对象”

Promise首字母大写且单数形式,表示“Promise构造函数”

Promises首字母大写且复数形式,用于指代“Promises规范”

promise是什么?

是异步队列的一种解决方案

有哪些状态和参数?

promise有三种状态
1.pending【待定】初始状态
2.fulfilled(否否得)【实现】操作成功
3.rejected (瑞杰巅特)【被否决】操作失败
改变他们的状态,如果从pending状态变成fulfilled状态或rejected状态,成功回调fulfilled,失败回调rejected,then(接受成功数据) catch(接受失败数据)

resolve (瑞肉服)的作用是,将promise从未完成变为完成,异步操作成功时调用,结果传递出去
reject (瑞街可的)作用是,将promise状态从未完成变为完成,并将异步操作的错误,传递出去

all()方法:

Promise 的 all 方法提供了并行执行异步操作的能力,并且在所有异步操作执行完后才执行回调。

比如下面代码,两个个异步操作是并行执行的,等到它们都执行完后才会进到 then 里面。同时 all 会把所有异步操作的结果放进一个数组中传给 then。

        //买作业本
        function cutUp(){
            console.log('挑作业本');
            var p = new Promise(function(resolve, reject){ //做一些异步操作
                setTimeout(function(){
                    console.log('挑好购买作业本');
                    resolve('新的作业本');
                }, 1000);
            });
            return p;
        }

        //买笔
        function boil(){
            console.log('挑笔芯');
            var p = new Promise(function(resolve, reject){ //做一些异步操作
                setTimeout(function(){
                    console.log('挑好购买笔芯');
                    resolve('新的笔芯');
                }, 1000);
            });
            return p;
        }

        Promise.all([cutUp(),boil()]).then(function(results){
            console.log("写作业的工具都买好了");
            console.log(results);
        });

在这里插入图片描述

race()方法:
race 按字面解释,就是赛跑的意思。race 的用法与 all 一样,只不过 all 是等所有异步操作都执行完毕后才执行 then 回调。而 race 的话只要有一个异步操作执行完毕,就立刻执行 then 回调。

注意:其它没有执行完毕的异步操作仍然会继续执行,而不是停止。

这里我们将上面样例的 all 改成 race

 Promise.race([cutUp(), boil()]).then(function(results){
    console.log("哈哈,我先买好啦");
     console.log(results);
 });

在这里插入图片描述

如何使用?

使用场景:promise封装api接口
Promise进行异步操作
解决问题:1.回调多域问题2.多个并发请求

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise是一种用于处理异步操作的JavaScript对象。它可以用来解决传统回调函数带来的回调地狱问题,使异步代码更加可读、可维护。 Promise三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。当异步操作执行成功时,Promise状态从pending变为fulfilled;当异步操作执行失败时,状态从pending变为rejected。一旦状态改变,就会触发对应的回调函数。 使用Promise处理异步操作的一般步骤如下: 1. 创建一个Promise对象,通过new关键字实例化。 2. 在Promise对象的构造函数中传入一个执行器函数,该函数接受两个参数:resolve和reject。resolve函数用于将Promise状态从pending变为fulfilled,并传递异步操作的结果;reject函数用于将Promise状态从pending变为rejected,并传递错误信息。 3. 在执行器函数中编写异步操作的逻辑,当异步操作执行成功时调用resolve函数,传递操作结果;当异步操作执行失败时调用reject函数,传递错误信息。 4. 通过调用Promise对象的then方法可以注册成功回调函数,通过调用catch方法可以注册失败回调函数。这些回调函数会在异步操作执行成功或失败时被触发,并接收到相应的结果或错误信息。 下面是一个使用Promise处理异步操作的示例代码: ```javascript function fetchData() { return new Promise((resolve, reject) => { // 模拟异步操作 setTimeout(() => { const data = '异步操作的结果'; if (data) { resolve(data); // 异步操作成功,将状态改为fulfilled,并传递结果 } else { reject('异步操作失败'); // 异步操作失败,将状态改为rejected,并传递错误信息 } }, 2000); }); } fetchData() .then(result => { console.log('异步操作成功:', result); }) .catch(error => { console.error('异步操作失败:', error); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值