手写一份promise的实现

最新推荐文章于 2024-04-07 15:57:31 发布
最新推荐文章于 2024-04-07 15:57:31 发布
阅读量153 收藏
点赞数 1
分类专栏： JAVASCRIPT VS TYPESCRIPT 文章标签： promise JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40677590/article/details/107165650
版权

背景

最近学习es6新的对象，promise都让我觉得很是重要，于是去查看了源码，决定手写一份promise，了解一下内部的实现

Promise的特点

  • 用于封装异步操作
  • 可以用于链式执行，串行处理结果很有用途
  • promise是一个对象，初始化为pending状态，状态一经改变就完成
  • 不管执行成功还是失败都有个结果，且不能逆转
  • 但是promise的中间状态不可控制

实现

基于以上的特点和查阅了相关资料，实现了原生的promise所有方法

github地址：点击这里查看源码

looper.zhuo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
手写promise，实现
02-13
promise原理
手写Promise的基本实现 （超详细）
qq_48554377的博客
09-22 6645
手写Promise的基本实现 （超详细） 面试必备！ 本文带大家实现一个基本的 promise 过多的边界情况就不在考虐,理解主要实现过程以及逻辑即可 对于一个个出现的问题我会逐步分析原因以及对应的解决思路
javaScript手写专题——防抖/节流/闭包/Promise/深浅拷贝
最新发布
三月和九月的博客
04-07 942
本文介绍了面试中常见的手写JS场景题目：如手写防抖、节流；手写Promise封装、手写深拷贝浅拷。手写深拷贝需要考虑很多细节，需要根据具体情况来进行处理。在前面的实现中，我们已经考虑了一些常见的情况，但是还有很多其他的情况需要考虑。在手写深拷贝时，需要考虑以下几种场景：特殊的对象：正则表达式、日期对象、Error 对象，使用构造函数创建新的对象Fuction对象：对象可能会有函数属性，例如构造函数或方法，这种情况下需要将函数原样复制过来，而不是执行函数。特殊类型：symbol迭代复制：Map
从回调地狱到Promise天堂：前端异步革命
会思想的苇草i的博客
01-28 1221
在前端开发中，Promise是一种用于处理异步操作的对象，可简化回调函数嵌套，有效管理复杂的异步代码。通过Promise，可以更清晰地表达和处理异步操作的结果，避免回调地狱问题，提高代码的可读性和可维护性。掌握Promise能够改善前端开发中的异步编程体验，实现更流畅的代码逻辑。
Promise学习笔记（尚硅谷）
Ch_ensf的博客
05-16 1138
一、Promise 的理解和使用 二、手写 Promise
Promise手写源码以及api详解-----学了就会学完就忘系列
杜杜的博客
06-09 264
/* 1、通过class关键字创建一个类 MyPromise 2、我们需要使用构造函数constructor 来接受这个构造函数,executor代表执行器(执行器是立即执行的,执行器就代表回调函数) */ const PENGDING = 'pending' const FULFILLED = 'fulfilled' const REJECTED = 'rejected' class MyPromise { constructor(executor) { // 当前
JS手写一个自定义Promise操作示例
11-21
本文实例讲述了JS手写一个自定义Promise操作。分享给大家供大家参考，具体如下： 经常在面试题中会看到，让你实现一个Promsie,或者问你实现Promise的原理，所以今天就尝试利用class类的形式来实现一个Promise 为了不...
如何从零开始利用js手写一个Promise库详解
10-18
ES2015 推出了JS 的 Promise ，而在没有原生支持的时候，我们也可以使用诸如 Promises/A+ 的库的帮助，在我们的代码里实现Promise 的支持，下面这篇文章主要给大家介绍了如何从零开始利用js手写一个Promise库的相关...
js代码-手写实现promise
07-15
js代码-手写实现promise
手写Promise源码
weixin_42756432的博客
06-05 290
由于想要更深刻学习promise，翻看了es6官方文档和一些人关于手写promise的一些博客，通过自己的理解手写了promise的一部分功能的源码，加深了自己对promise的理解 目录 1、基本用法 2、基本功能源码 3、then函数源码 4、then函数的链式调用 5、实现then的链式调用的源码 6、promise的状态影响 7、promise状态影响源码 8、完整源码 1、基本用法 构造函数Promise的参数是一个函数，并且该函数有两个参数res和rej分别是Promise
Promise-A-Plus:纯 TypeScript 手写 Promise A+
05-29
手写 Promise A+ English： 术语 解决（fulfill） 指的是一个 promise 成功时进行的一系列操作，如状态的改变、回调的执行。虽然规范中使用 fulfill 来表示解决，但是目前常用 resolve 来取代。 拒绝（reject） 指的是一个 promise 失败时进行的操作。 终值（eventual value） 所谓终值，指的是 promise 被解决是传递给解决回调的值，由于 promise 有一次性的特征，因此当这个值被传递的时候，标志着 promise 等待态的结束，故称之为终值，也简称为值（value）。 据因（reason） 拒绝的原因，指的是 promise 被拒绝是传递给拒绝回调函数的值。 Promise 的状态 一个 Promise 的当前状态必须为以下三种状态中的一种 等待态（pending） 处于等待态时，promise 可以迁移至执行态
手写promise的两种实现方法
qq_37985836的博客
02-27 187
手写Promise实现的两种方法
教你如何手写一个Promise
ose_huang的博客
02-25 9437
promise的进阶，手写一个自己的promise
防抖和节流（附带promise版）
cc的博客
04-20 1406
promise 防抖和节流
300秒带你手写一个promise
小陈的博客
05-18 5838
前言 为什么要写这一篇文章？ 加深对promise的理解，以及再实际工作中的灵活运用。 知其然，知其所以然。 面试需要。（重点！！！） 1:声明promise 首先我们先来聊聊promise的几个特性： 一个promise有三种状态：pengding,fulfilled，rejected. promise状态一旦被改变，就不允许被改变了。 new Promise构造函数接受一个函数参数，这个函数有两个参数分别为resole和reject函数。 其实代码很好写，我们就来检验以下resolve的参数是否
手写实现Promise
tian_liang_jia的博客
07-01 519
关于promise的实现
手写实现一个Promise
Hoyiie的博客
03-05 1261
手写实现promise ，promise，promise api
手写实现简单promise
少油少盐不要辣
11-01 662
class MyPromise { constructor(fn) { // 传入执行器函数后，立即执行。执行器函数接受两个参数哦 this.status = 'pending' // promise对象默认为pending状态 this.resolveParams = null this.rejectParams = null function resolve(...arg) { this.resolvePar
手写promise，实现一个简易的promise
HRM2454的博客
08-24 287
文案没编辑好，先上代码吧 const isFunction = variable => typeof variable === 'function' // 定义Promise的三种常量 const PENDING = 'PENDING' const FULFILLED = 'FULFILLED' const REJECTED = 'REJECTED' class MyPromise { constructor(handle) { this._status = PENDING // 当前状
手写一个promise实现
06-08
好的，以下是一个简单的手写Promise实现： ```javascript class MyPromise { constructor(executor) { this.state = 'pending'; this.value = null; this.reason = null; this.onFulfilledCallbacks = []; ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值