Promise

Promise是一种异步编程的解决方法,比传统的解决方法(回调函数和方法)更合理、更强大.

语法上Promise就是一个构造函数

Promise的三个状态

Pending: 进行中,不是成功 也不是失败

Fulfilled(Resolved) : 成功

Rejected : 失败

三种状态的变化有两种

Pending(进行中) => Fulfilled(成功)

Pending(进行中) => Rejected(失败)

使用

创建Promise实例

let p = new Promise((resolve, reject) => {
if (err) {
  // 失败,
  reject(err);
  } else {
  // 成功,
  resolve(data);
 }  
}

Promise构造函数接受一个函数作为参数,这个函数有 resolve,reject 两个参数, 在异步操作成功的时候调用resolve , 异步操作失败调用reject

then

then方法可以接收两个回到函数作为参数  

p.then(
    (data) => { //成功后执行
        console.log(data);
    },
    (err) => { //失败后执行
        console.log(err);
    }
);

async和await

async用于修饰一个函数,这个函数里面有异步的操作,返回一个Promise  await只能在async修饰的函数内部使用,await后面永远是一个Promise

async function(){
    let a = await fn()
    return a
}

await返回的结果就是后面Promise对象返回的结果

 

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise嵌套是指在使用Promise时,一个Promise的回调函数中又返回了一个新的Promise,形成了嵌套的结构。这种嵌套的结构可以用来处理多个异步操作的依赖关系,使得代码更加清晰和可读。 在Promise嵌套中,可以通过链式调用的方式来处理多个异步操作。具体来说,可以在一个Promise的回调函数中返回一个新的Promise对象,然后继续在新的Promise对象上添加回调函数。这样就可以形成一个Promise链,每个Promise的回调函数都可以处理前一个Promise的结果,并返回一个新的Promise对象。 下面是一个简单的示例,展示了Promise嵌套的用法: ```javascript function asyncOperation1() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 1 completed'); }, 1000); }); } function asyncOperation2() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 2 completed'); }, 2000); }); } function asyncOperation3() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 3 completed'); }, 1500); }); } asyncOperation1() .then(result1 => { console.log(result1); return asyncOperation2(); }) .then(result2 => { console.log(result2); return asyncOperation3(); }) .then(result3 => { console.log(result3); }) .catch(error => { console.error(error); }); ``` 在上面的示例中,asyncOperation1、asyncOperation2和asyncOperation3分别表示三个异步操作。通过Promise的then方法,可以依次处理这三个异步操作的结果,并在控制台输出。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值