Promise.resolve / reject的同步和异步

记得之前查资料说Promise.resolve()和Promise.reject()都是同步立即返回新的Promise对象,深以为然。但是今天用try-catch测试的时候发现表现不似预期。

js 复制代码
try{
    Promise.reject("no");
}catch(e){
	console.log("catched:",e) 
}
// 捕捉不到
js 复制代码
(async function(){
    try{
		await Promise.reject("no");
	}catch(e){
		 console.log("catched:",e) 
	}
})()
// catched: no
// 可以捕捉

诶?咋回事,说好的同步呢?

再捕捉新Promise试一下,发现新Promise确实是同步立即返回的呀

js 复制代码
console.log(
	"catched",
	(() =>{
	    setTimeout(() =>("hi"))
	})()
)
// catched undefined
// 异步内容无法捕捉到
js 复制代码
console.log(
	"catched",
	Promise.resolve("hi")
)
// catched Promise {<fulfilled>: 'hi'}
// 但是Promise.resolve()返回的新Promise可以捕捉到,说明也确实不是异步的

咋回事呢?

问GPT,恍然大悟


GPT4o mini:

关键在于理解"立即返回"和"异步处理"的区别:

  1. 立即返回的 Promise 对象

    • 当你调用 Promise.resolve(value)Promise.reject(reason) 时,函数会立即返回一个 Promise 对象。这个 Promise 对象的状态是"已解决"或"已拒绝",取决于你调用的是 resolve 还是 reject
  2. 异步处理

    • 尽管 Promise.resolvePromise.reject 是同步的(即它们会立即返回一个 Promise 对象),但是 Promise 对象的处理(如执行 .then.catchawait)是异步的。
    • 这意味着,即使你同步地创建了一个已拒绝的 Promise,实际上,处理这个拒绝(如调用 .catch 或在 async 函数中用 await)会被放在微任务队列中,稍后执行。

例如:

javascript 复制代码
console.log('Start');

Promise.reject('Error occurred')
  .catch(error => {
    console.log('Caught error:', error);
  });

console.log('End');

输出将是:

vbnet 复制代码
Start
End
Caught error: Error occurred

在这个例子中:

  • Promise.reject 是同步的,立即返回一个拒绝的 Promise 对象。
  • 但是,.catch 的回调函数不会立即执行,它会在当前任务(即 console.log('End'))完成后,进入微任务队列并执行。这就是为什么"Caught error"在"End"之后才出现的原因。

这表明,即使 Promise 对象是立即创建的,其内部的处理(比如 catchthen)还是在事件循环的微任务阶段进行的,所以可以理解为 Promise 的处理是异步的。


总结一下:

  1. Promise.resolve() / reject()同步立即返回settled状态的对象。
  2. 但是由于回调本质上都是.then处理(.catch也是.then的一部分),而.then是异步的,所以对应的回调还是异步的。
相关推荐
~无忧花开~3 分钟前
React生命周期全解析
开发语言·前端·javascript·react.js·前端框架·react
哈__20 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-maps
javascript·react native·react.js
SuperEugene36 分钟前
Axios + Vue 错误处理规范:中后台项目实战,统一捕获系统 / 业务 / 接口异常|API 与异步请求规范篇
前端·javascript·vue.js·前端框架·axios
行走的陀螺仪36 分钟前
手写 Vue3 极简 i18n
前端·javascript·vue.js·国际化·i18n
羽沢311 小时前
一篇简单的STOMP教程QAQ
前端·javascript·stomp
Kel1 小时前
深入 OpenAI Node SDK:一个请求的奇幻漂流
javascript·人工智能·架构
子兮曰1 小时前
AI写代码坑了90%程序员!这5个致命bug,上线就炸(附避坑清单)
前端·javascript·后端
终端鹿2 小时前
Vue3 核心 API 补充解析:toRef / toRefs / unref / isRef
前端·javascript·vue.js
英俊潇洒美少年2 小时前
vue的事件循环
前端·javascript·vue.js
GISer_Jing2 小时前
Next.js全栈开发实战与面试指南
前端·javascript·react.js