Promise对象下的方法

  1. 请求接口,拿到数据:
new Promise((resolve,reject)=>{
    setTimeout(()=>{
        let data ={
            state: "200",
            isState:"ok",
            data:{
                code: 1
            }    
        }
        resolve(data);
    },1000);
}).then((data)=>{
    // if(data.state == "200"){
		// 拿到数据后想做什么
    // }
    return data.data;
}).then((data)=>{
    console.log(data);
});
  1. reject()与resolve():
new Promise((resolve,reject)=>{
    reject(1);
}).then(()=>{
    console.log(1);
    //return Promise.reject(); 
    // 不需要处理异步的业务,直接返回一个状态为reject的Promise对象
    
   // return Promise.resolve(); 
   // 不需要处理异步的业务,直接返回一个状态为resolvet的Promise对象
});
  1. ctach():
    作用: 捕获 前边所有的 Promise中 出现的错误,统一处理
 new Promise((resolve,reject)=>{
  //   resolve();
    reject();
 }).then(()=>{
     console.log(1);
 }).then(()=>{        
    console.log(2);
 }).then(()=>{
    console.log(1);
 }).catch((err)=>{    
    console.log("请求出现错误" + err);
 });
  1. all方法:
    作用: 会等指定的Promose对象,全部执行结束后,才执行
let p1 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(1);
        resolve();
    }, 10);
});
let p2 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(2);
        resolve();
    }, 1000);
});
let p3 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(3);
        resolve();
    }, 3000);
});
Promise.all([p1,p2,p3]).then(()=>{
    console.log(4);
});
  1. race:
    作用:
    Promise.race方法类似将多个Promise包装成一个新的Promise实例
    但是其中有一项的状态发生改变新的实例的状态就会随着改变
let p1 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(1);
        resolve();
    }, 10);
});
let p2 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(2);
        resolve();
    }, 1000);
});
let p3 = new Promise((resolve) => {
    setTimeout(() => {
        console.log(3);
        resolve();
    }, 3000);
});
Promise.race([p1,p2,p3]).then(()=>{
   console.log(4)
}) 
  1. async:
    作用: 是一个异步的函数
    把异步的处理机制,写成接近同步的处理机制,以增加代码的可读性,降低版本迭代的难度
	async function fn(){
        try{  
           let n1 = await new Promise((resolve)=>{
                setTimeout(() => {
                    resolve();
                    console.log(1);
                },1000); 
             });

           let n2 = await new Promise((resolve)=>{
                setTimeout(() => {
                    resolve();
                    console.log(2);
                },1000); 
             });

           let n3 = await new Promise((resolve)=>{
                setTimeout(() => {
                    resolve();
                    console.log(3);
                },1000); 
             });

            }catch(err){
                console.log(err);
            }
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值