Promise { pending }是什么?

首先你需要知道 promise 要用then接收或者async await

例如:a() 是一个Promise封装的方法


// 定义一个变量直接a() 赋值给 b
let b = this.a()
console.log(b)  //这里就会返回 Promise {<pending>}

第一种方式 then 接收


let b = this.a()
.then(res =>{
	//.then是接收正确返回的信息
	console.log(res) // {...}
})
.catch(err =>{
	// .catch 返回报错信息
	console.log(err)
})

第二种方式 async await接收:


async c(){
	let b = await this.a()
	console.log(b)  // 现在就是正确返回了 {...}
	
}

这里要注意的是 async 和 await 必须是一起的

—————————————————————

小白上路,请多指教!!

  • 20
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
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); }); ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值