promise三个状态俩个参数_JavaScript基础：实现一个简单版Promise对象，探究内部实现原理...

最新推荐文章于 2024-05-24 21:37:56 发布
最新推荐文章于 2024-05-24 21:37:56 发布
阅读量168 收藏
点赞数
文章标签： promise三个状态俩个参数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35076990/article/details/113579798
版权
本文探讨如何实现一个简单的Promise对象，包括设置初始状态为pending、定义resolve和reject函数，以及实现then方法处理异步操作。在resolve和reject函数中，确保只有在等待态才能改变状态，并执行相应的回调。同时，then方法处理了参数是否为函数的判断，实现了链式调用和状态判断逻辑。
摘要由CSDN通过智能技术生成

先来搭建构建函数的大体框架

ff8093af1234d5c559c9f7415c3c7315.png
  1. 首先我们创建了三个常量用于表示状态，对于经常使用的一些值都应该通过常量来管理，便于开发及后期维护
  2. 在函数体内部首先创建了常量 that，因为代码可能会异步执行，用于获取正确的 this 对象
  3. 一开始 Promise 的状态应该是 pending
  4. value 变量用于保存 resolve 或者 reject 中传入的值
  5. resolvedCallbacks 和 rejectedCallbacks 用于保存 then 中的回调，因为当执行完 Promise 时状态可能还是等待中，这时候应该把 then 中的回调保存起来用于状态改变时使用

接下来完善 resolve 和 reject 函数，添加在 MyPromise 函数体内部

42fea3d1e008e6ef2793dcb4d3fc647a.png

这两个函数代码类似，就一起解析了

  1. 首先两个函数都得判断当前状态是否为等待中，因为规范规定只有等待态才可以改变状态
  2. 将当前状态更改为对应状态，并且将传入的值赋值给 value
  3. 遍历回调数组并执行
最低0.47元/天 解锁文章
Benjamin Jordan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
promise三个状态俩个参数_浅析 JavaScript 中的 Promise
weixin_42499999的博客
01-24 1553
Promise 是学习 ES6 不可避开的技术点之一，本文将给大家介绍 Promise 最重要的几个常用的 API，帮助大家更好地理解它。​​创建 Promise我们先来看一下 Promise 的签名函数：new Promise( /* executor */ function(resolve, reject) { ... } );Promise 的构造器接受一个名称为 executor 的函数，...
promise三个状态俩个参数_前端核心代码实现系列Promise核心实现
weixin_42348783的博客
02-01 391
Promise核心实现这是该代码实现系列的第一期-Promise核心实现，该系列的主要目的是帮助我们更好的理解前端相关库或者函数的实现原理。帮助我们更好的思考，开阔视野，只有真正理解原理才能更好的使用。同时对我们面试也有一定的帮助写前思考在实现之前我们要先思考下实现Promise包括哪些点，比如- Promise代表异步结果- Promise有三种状态，状态只能从pending到fulf...
Promise 有几种状态
最新发布
qq_70010470的博客
05-24 360
Promise 有三种状态：进行中 已成功 已失败 promise的状态一旦固定了就永远不会改变。// p1 p2 p3 全都执行成功 200 我再拿到返回值。rej("失败了");// 只有已成功才会走 then。res("小花");res("小蓝");res("小黑");res("消化");rej("小蓝");
Promise 执行机制——共有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败） & 宏任务（主线） 微任务（穿插）
热门推荐
weixin_44867717的博客
12-04 1万+
Promise 执行机制——共有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败） & 宏任务（主线） 微任务（穿插） 深入探讨 Promise 之前，有个概念先交代一下，有助于对后文进行了解。 微任务 通常，我们把消息队列中的任务成为宏任务，而每一个宏任务中都包含了一个微任务队列。等到当前宏任务中的主要任务执行完成了以后，渲染引擎其实并不着急执行下一个宏任务，而是先去执行当前宏任务中的微任务。 只是引入了概念，我想大家会跟我有同样的疑惑，平常大部分的开发中
promise的状态值_什么是Promise，Promise的三种状态
weixin_35999669的博客
01-28 2841
什么是Promise对象：Js中进行异步编程的新的解决方案，用于表示一个异步操作的最终完成 (或失败), 及其结果值.。语法上：promise是一个构造函数简单来说，promise对象用来封装一个异步操作并可以获取其结果语法：new Promise(function (resolve, reject) {...} /* executor */)复制代码executor：executor是带有 re...
promise三个状态俩个参数_从零到一实现完全符合Promise/A+的Promise
weixin_29580123的博客
02-01 198
从零到一实现完全符合Promise/A+的Promise本文源代码参考文章：Promise的源码实现（完美符合Promise/A+规范）笔者翻译的Promise/A+规范Promise/A+规范专注于提供一个通用的then方法，对于如何创建、解决以及拒绝promise并没有进行处理，对于Promise.all,Promise.catch等方法也没有进行明文规定。所以我们这里的实现也是以一个通用的t...
test_website：只是一个测试想法的地方！
02-17
通常，一个JavaScript项目可能包含以下结构： 1. `index.html`：网页的主入口文件，包含HTML结构。 2. `script.js`或`main.js`：存放JavaScript代码，负责处理页面逻辑。 3. `styles.css`：CSS文件，用于定义页面...
esnext-framework:探究基于将来版本的 ECMAScript 框架模式
07-16
本文将深入探讨“esnext-framework”，这是一个基于未来版本ES的框架模式研究项目，旨在帮助开发者提前了解和掌握即将引入JavaScript的前沿技术。** ### 一、模块系统 在未来的ES版本中，模块系统将进一步完善。`...
JavaScript_DeepDive
03-26
- 原型链：学习如何通过原型链实现对象间的继承关系，以及如何查找对象的属性和方法。 3. **函数表达式与箭头函数** - 匿名函数与函数表达式：区别函数声明与函数表达式，了解立即执行函数（IIFE）的概念。 - ...
星座小程序（源码+部署说明）.zip
02-20
通过学习这个星座小程序的源码，开发者不仅可以了解小程序的开发技术，还能深入探究前端框架（如WXML和WXSS）、网络请求（如Promise和axios）、状态管理（如Vuex）以及数据结构和算法等相关知识。对于初学者来说，这...
探究一道价值25k的蚂蚁金服异步串行面试题
10-14
面试题的核心在于实现一个名为`createFlow`的函数，该函数接收一个由不同类型的effect组成的数组，包括普通函数、延迟函数（Promise）以及嵌套的子flow。目标是确保这些effect按照特定的顺序串行执行。为了达到这一...
promise是什么？有哪些状态和参数？如何使用？
weixin_53944118的博客
03-17 1391
promise是什么？ promise对象本质上其实是一个构造函数，就是用来解决异步编程，主要用于异步计算，解决了回调地狱的问题，不是多重嵌套，而是链式调用，使用.then方法,就是针对回调函数的改进 promise的三个状态是什么？ 1.pending初始状态 2.fulfilled操作成功状态 3.rejected操作失败状态 Promise对象的状态改变只有两种可能： 从pending变为fulfilled，即从初始状态变为成功状态 从pending变为rejected，即从初始状态变为失败状态 这两
Promise总结（promise 是什么？有哪些状态和参数？如何使用？）
zzDAYTOY的博客
09-06 2452
Promise 是什么？ Promise 是异步编程的一种解决方案: 主要用于异步计算 可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 可以在对象之间传递和操作 promise，帮助我们处理队列 Promise的参数是什么？ Promise接受一个「函数」作为参数，该函数的两个参数分别是resolve和reject。这两个函数就是就是「回调函数」 resolve函数的作用：在异步操作成功时调用，并将异步操作的结果，作为参数传递出去； reject函数的作用：在异步操作失败时调用，并将异步
js promise的用法_年薪40w工程师的提示：学习Promise原理
weixin_39522927的博客
12-03 139
前言我们知道JavaScript语言的执行环境是“单线程”，所谓单线程，就是一次只能够执行一个任务，如果有多个任务的话就要排队，前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单，容易操作；坏处就是容易造成阻塞，因为队列中如果有一个任务耗时比较长，那么后面的任务都无法快速执行，或导致页面卡在某个状态上，给用户的体验很差。一直以来，JavaScript处理异步都是以ca...
Promise实现的基本原理（二）
weixin_34248849的博客
05-02 472
前言 距离我上次写的那篇Promise实现的基本原理（一）有十几天了（太懒了），这篇我想写Promise是如何实现串联调用then，解决回调地狱的。虽然说《深入理解ES6》这本书把Promise用法讲得很详细，但是自己理解起来还是有很多疑问（我好想上一篇也是这么说的）。 参考链接：JavaScript Promises ... In Wicked Detail github上的完整实现：Bare...
Promise知识点整理
qq_45906429的博客
06-19 464
1、概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息 2、目的： （1）、避免回调地狱的问题（2）、Promise对象提供了简洁的API，使得控制异步操作更加容易 3、Promise有三种状态：pendding //正在请求，rejected //失败，resolved //成功 4、基础用法：new Promise(function(resolve,reject){ }) 5、resolved,rejected函数：在异步事件状态pendding-
Promise原理与实现
极客神殿
05-27 542
Promise标准 Promise 规范有很多，如Promise/A，Promise/B，Promise/D 以及 Promise/A 的升级版 Promise/A+。ES6 中采用了 Promise/A+ 规范。 英文版规范: Promises/A+规范 中文版规范: Promises/A+规范(中文) Promise标准解读 (1) 一个promise的当前状态只能是pending、fulfi...
Promise 状态的表现与变化以及执行顺序
louShuMei 的博客
06-24 946
Promise三种状态： pending 过程中 resolved 已成功 rejected 已拒绝 状态的表现 pending状态，不会触发then和catch resolved状态，会触发后续的then回调函数 rejected状态，会触发后续的catch的回调函数 状态变化： pending–> resolved 成功. pending–> rejected 失败. 变化不可逆. // pending状态的Promise const p1 = new Promise((resolve, r
解读Promise内部实现原理
weixin_34347651的博客
12-13 698
前言 早前有针对 Promise 的语法写过博文，不过仅限入门级别，浅尝辄止食而无味。后面一直想写 Promise 实现，碍于理解程度有限，多次下笔未能满意。一拖再拖，时至今日。 随着 Promise/A+规范、ECMAscript规范 对 Promise API 制定执行落地，Javascript 异步操作的基本单位也逐渐从 callback 转换到 promise。绝大多数JavaScript...
实现一个promise.race
08-28
Promise.race() 方法返回一个 Promise，该 Promise 在给定的若干个 Promise 对象中的最快完成的那一个完成（resolve 或 reject）。 下面是一个简单的实现示例： ``` function promiseRace(promises) { return new Promise((resolve, reject) => { for (let i = 0; i < promises.length; i++) { promises[i].then(resolve, reject); } }); } ``` 该函数接受一个包含若干个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。 它使用循环遍历数组中的所有 Promise 对象，并为每个对象添加 `then` 方法的回调函数。如果任何一个 Promise 对象完成（resolve 或 reject），就会调用新的 Promise 对象的 resolve 或 reject 方法。 使用示例： ``` const promise1 = new Promise((resolve, reject) => { setTimeout(resolve, 500, 'one'); }); const promise2 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'two'); }); promiseRace([promise1, promise2]).then((value) => { console.log(value); // expected output: "two" }); ``` 在上面的示例中，`promise2` 最先完成，所以输出的值为 "two"。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值