自己创建一个Promise构造函数

最新推荐文章于 2023-06-30 22:10:57 发布
最新推荐文章于 2023-06-30 22:10:57 发布
阅读量518 收藏
点赞数
分类专栏： 小案例 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45311602/article/details/115023288
版权

刚学习了promise， promise相当于异步操作结果中的占位符，它不会去订阅一个事件，也不会传递一个回调函数给目标函数，而是让函数返回一个promise，实质上promise是一个构造函数。
想更深入了解promise原理，看能不能自己写一个promise构造函数

//创建 Promise构造函数
function Promise(executor) {
   
    // 添加属性
    this.PromiseState = 'pending'
    this.promiseResult = null
    this.callbacks = []
    let that = this
    // 设置resolve函数的属性
    function resolve(data) {
   
        // 判断状态只能改变一次
        if (that.PromiseState !== 'pending') return
        that.PromiseState = 'fulfilled'
        that.promiseResult = data

        that.callbacks.forEach(item => {
   
            item.onResolve(data)
        })

        // if (that.callbacks.onResolve) {
   
        //     that.callbacks.onResolve(data)
        // }
    }
    // 设置reject函数的属性
    function reject(data) {
   
        if (that.PromiseState
最低0.47元/天 解锁文章
热心网友小万
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
resolve函数参数是个promise
qq_45178972的博客
10-19 3514
resolve函数的参数除了正常的值以外，还可能是另一个 Promise 实例，比如像下面这样。 const p1 = new Promise(function (resolve, reject) { // ... }); const p2 = new Promise(function (resolve, reject) { // ... resolve(p1); }) 上面代码中，p1和p2都是 Promise 的实例，但是p2的resolve方法将p1作为参数，即一个异步操作的结果是返回
JS中的promise函数（一）
chandhst886727的博客
04-24 609
Promise 是一个 ECMAScript 6 提供的类，语法上Promise是一个构造函数，用来封装异步操作并可以获取成功和失败的结果。promise对象会有三种状态：pending初始状态、fulfilled成功状态、失败状态，只有异步操作的结果可以决定当前是哪一种状态。1、它可以绑定一个回调函数，避免回调函数作为参数传递。2、链式调用，避免回调地狱。let data = '数据库中的数据';//可以调用resolve和reject去改变promise对象的状态。
js函数与 Promise的使用
weixin_33979203的博客
02-02 102
JavaScript的函数不但是“头等公民”，而且可以像变量一样使用，具有非常强大的抽象能力。定义函数的方式如下：function abs(x) { if (x >= 0) { return x; } else { return -x; } }如果没有return语句，函数执行完毕后也会返回结果，只是结果为undefined。由于Jav...
JavaScript——promise(一）基础篇
Rice_w的博客
10-07 2540
什么是promise呢？Promise是一个对象，他代表了一个异步操作的最终完成或者失败。本质上Promise是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要一开始把回调函数作为参数传入这个函数了实际上Promise与现实生活中的承诺非常相似。在现实生活中呢，我们通常是这样理解Promise的：承诺（保证）某人会做某事或者某事的发生。也就是要给将来多要发生的事一个承诺，但是谁都不能保证这件事一定会能够按照理想状态发生。
手写一个Promise函数以及实际使用场景
weixin_42125732的博客
04-15 2288
Promise 大家都知道Promise称之为异步神器，解决了困扰我们的回调地狱，所以因此很多面试过程中都会让你手写一个Promise函数，Promise三个状态, PENDING=>等待 resolved =>成功 rejected=>失败 一、简单的手写 var promise = new Promise((resolve,reject) => { if(操作成功){ resolve(value) } else{ reject(error)
简单普及构造函数、Promise语法
01-03
构造函数：创建格式与普通函数一致，一般第一个字母大写，调用方式与普通函数不一样，需要new来调用，主要用来封装一个实例对象，可以调用某一个或几个变量/方法 //创建一个构造函数,为了更简单的展示，函数没有...
利用Promise自定义一个GET请求的函数示例代码
12-11
创建一个Promise对象，你可以使用`new Promise()`构造函数，传入一个执行器函数，该函数接受两个参数，`resolve`和`reject`。当异步操作成功时调用`resolve`，将结果传递出去；当操作失败时调用`reject`，传递错误...
promise-once:包装一个承诺构造函数以每次创建和返回相同的承诺
07-14
包装一个承诺构造函数以每次都返回相同的承诺。 这是承诺。 npm install promise-once --save 用法 var i = 0 ; var incrementOnce = require ( 'promise-once' ) ( increment ) ; incrementOnce ( ) . then ( ...
JS手写一个自定义Promise操作示例
11-21
`then`方法会创建一个新的`MyPromise`实例，并根据当前Promise的状态决定何时执行回调，并将结果传递给新Promise。 如果当前Promise已`resolved`，我们将在下一个事件循环中执行`onFulfilled`回调，并通过`_...
JavaScript基础教程之如何实现一个简单的promise
10-18
在自定义的Promise构造函数中，我们需要检查传入的参数是否为函数，并设置初始状态为pending，以及初始化一个存储结果的`value`变量。 2. **resolve函数**： 当异步操作成功时，调用`resolve`函数，将Promise的...
js代码-实现一个Promise 类
07-16
上述代码中，`MyPromise`类的核心在于构造函数，它接受一个执行器函数`executor`，这个函数接收两个参数，分别是`resolve`和`reject`，它们分别用于改变Promise的状态并传递结果。`then`方法用于链式调用，处理...
Promise:一个简单的 JavaScript Promise 示例
06-02
一个Promise实例可以通过构造函数创建： ```javascript let promise = new Promise(function(resolve, reject) { // 异步操作的代码 }); ``` 这里的`resolve`和`reject`是两个函数，分别用于在异步操作成功和失败...
js代码-一个promise的实验例子
07-15
Promise的构造函数接收一个执行器函数，这个函数接收两个参数，即resolve和reject。执行器函数会在当前作用域之外执行，保证了异步操作不会立即执行。 例如，一个简单的Promise用法如下： ```javascript let ...
js代码-手动实现一个 Promise
07-16
下面是一个简单的Promise构造函数实现： ```javascript function MyPromise(executor) { let self = this; self.status = 'pending'; // 初始化状态为pending self.value = undefined; // fulfilled时存储的值 ...
promise的创建
最新发布
misikamikirto的博客
06-30 254
同过future和promise来实现线程间的通信，不需要使用互斥量和条件变量等。以上是介绍了主线程与子线程之间的通信，下面介绍子线程与子线程之间的通信。有承诺才有未来，承诺做为一个参数，承诺的东西做完之后，才会有未来。promise（承诺）<------> future（未来）promise像是一个容器，来承接参数。
300秒带你手写一个promise
小陈的博客
05-18 5980
前言 为什么要写这一篇文章？ 加深对promise的理解，以及再实际工作中的灵活运用。 知其然，知其所以然。 面试需要。（重点！！！） 1:声明promise 首先我们先来聊聊promise的几个特性： 一个promise有三种状态：pengding,fulfilled，rejected. promise状态一旦被改变，就不允许被改变了。 new Promise构造函数接受一个函数参数，这个函数有两个参数分别为resole和reject函数。 其实代码很好写，我们就来检验以下resolve的参数是否
深入理解Promise之一步步教你手写Promise构造函数
zxdznyy的博客
01-27 1988
Promise是前端面试中笔记走重要的一个考点。如何真正的了解promise？我们不如自己动手，写一个可以拿来用的Promise.js。下面是循序递进的写法教学，本文的最后也有完整写法的代码可以借鉴，希望能够帮助大家！后面如果有机会会写一篇详解promise的博客，欢迎关注！
es6---Promise
muzidigbig的博客
10-20 4531
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大 回调函数 回调地狱 Promise.then()参数 Promise.all() Promise.allSettled() Promise.race() Promise.any() Promise.withPesolvers() Promise链中断方法 async/await Promise 高级用途的技巧
创建一个promise
03-22
在 JavaScript 中，可以通过 Promise 对象来处理异步操作。创建一个 Promise 对象的基本语法如下： ``` const promise = new Promise((resolve, reject) => { // 异步操作 // 如果操作成功，调用 resolve() 并传入结果 // 如果操作失败，调用 reject() 并传入错误信息 }); ``` 在 Promise 构造函数中，需要传入一个函数作为参数，该函数接受两个参数：resolve 和 reject。resolve 函数用于将 Promise 对象的状态从“未完成”变为“成功”，并将异步操作的结果作为参数传递给 then 方法；reject 函数用于将 Promise 对象的状态从“未完成”变为“失败”，并将错误信息作为参数传递给 catch 方法。 例如，下面的代码演示了如何使用 Promise 对象来实现一个异步操作： ``` function fetchData() { return new Promise((resolve, reject) => { setTimeout(() => { const data = { name: '张三', age: 18 }; resolve(data); }, 1000); }); } fetchData() .then(data => { console.log(data); }) .catch(error => { console.error(error); }); ``` 在上面的代码中，fetchData 函数返回一个 Promise 对象，该对象会在 1 秒后返回一个包含姓名和年龄的对象。然后，我们使用 then 方法来处理异步操作的结果，并使用 catch 方法来处理异步操作的错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值