Promise resolve 的基础用法

一、resolve 的核心作用

resolve 是 Promise 执行器函数的第一个参数,它的核心使命是:

  1. 将 Promise 的状态从 pending(进行中) 改为 fulfilled(已成功)(状态一旦改变就不可逆);
  2. 传递异步操作的 "成功结果",这个结果会被 then 方法的回调函数接收。

简单来说,resolve 就是给 Promise "兑现成功的承诺",并把结果交出去。

二、resolve 的基础用法

1. 传递普通值(最常用)

异步操作完成后,调用 resolve 并传入字符串、数字、对象等普通值,then 会接收到这个值:

javascript

运行

复制代码
// 模拟异步获取用户信息
const getUserInfo = new Promise((resolve, reject) => {
  // 模拟接口请求(异步操作)
  setTimeout(() => {
    // 异步操作成功,调用 resolve 传递结果
    resolve({
      id: 1,
      name: "张三",
      age: 25
    });
  }, 1000);
});

// then 接收 resolve 传递的结果
getUserInfo.then(user => {
  console.log("获取用户信息成功:", user);
  // 输出:获取用户信息成功:{ id: 1, name: '张三', age: 25 }
});
相关推荐
a1117761 小时前
卡通风格 UI 组件库html (TRIZ UI Kit [特殊字符])
前端·ui·html
鳄鱼杆2 小时前
虚拟机 | 如何通过域名访问虚拟机中的Web服务?
前端
We་ct2 小时前
LeetCode 236. 二叉树的最近公共祖先:两种解法详解(递归+迭代)
前端·数据结构·算法·leetcode·typescript
用泥种荷花3 小时前
【LangChain.js学习】 提示词模板
前端
认真的薛薛3 小时前
2-监控:elk采集各种日志并出图
前端·chrome·elk
叶落阁主3 小时前
别再从 0 造后台了:`antdv-next-admin`,开箱即用的 Vue 3 中后台脚手架
前端
yiranlater3 小时前
状态驱动渲染和事件驱动模型
前端
csdn飘逸飘逸3 小时前
Autojs基础-控件操作
javascript
yuki_uix3 小时前
用 useState 管理服务端数据?不如试试 React Query 来“避坑”
前端