JavaScript中Promise的用法

本文详细讲解了如何在JavaScript中使用Promise,包括Promise的构造、回调函数的运用(resolve/reject)、以及传递参数的方法。通过实例演示了如何根据业务逻辑决定调用resolve还是reject,并展示了如何在then和catch中处理返回的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// Promise用法:
因Promise是一个类,所以需要new Promise来使用
 
// 在new时 Promise需要传入一个参数 参数为回调函数 这个回调函数在创建时就会被立即调用 
// 该回调函数有俩个参数 分别也是回调函数 resolve 和 reject(为形参名可随意起名)
// 当第一个回调参数被调用时,会调用new出来的这个对象下的then方法,then方法中的参数也是个回调函数 此时就会执行这个回调参数
 
// 当第二个回调参数被调用时,会调用new出来的这个对象下的catch方法,catch方法中参数也是个回调函数此时就会执行这个回调参数
 
const num = 1;
 
const promise = new Promise((resolve,reject) => {
    console.log('当对象被创建时就会执行这个回调函数');
    // 根据业务逻辑代码来调用回调参数
    num === 1 ?  resolve() : reject()
    // 当执行resolve方法时 就会执行当前对象下的then方法
    // 当执行reject方法时 就会执行当前对象下的catch方法
});
 
promise.then(res => {
    console.log('当前num为1执行resolve方法,我被回调了')
});
 
promise.catch(res => {
    console.log('当前num为其他值,执行reject方法,我被回调了')
});
 
// 当然也可以传参来实现数据传递
// 在调用Promise俩个回调函数时
resolve('实参');
reject('实参');
// 在对应的回调then catch中 就可以使用传递的实参
then( res => {   // res 为形参 resolve调用时传递来的
    console.log(res);
});
 
catch( err => {  // err 为形参 reject调用时传递来的
    console.log(err);
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值