封装一个promise的思路

最新推荐文章于 2024-05-23 11:18:33 发布
最新推荐文章于 2024-05-23 11:18:33 发布
阅读量1k 收藏
点赞数
文章标签： 前端 爬虫 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47988584/article/details/121639813
版权

封装一个promise好像不难，只是过程过于繁琐，因此下文只有一些简单的思路。封装promise时写一个方法传递一个函数函数中有两个参数，resolve和reject。然后函数中有一个定义状态的变量（promise中的状态有三种情况），和函数成功和失败返回的值，try和cath执行异常处理，然后定义resolve和reject这两个函数在函数内部分别用定时器setTimeout保证异步执行以及做状态值的判断和状态值的改变以及赋值操作，然后利用原型链的思想编写在该封装的promise下编写then方法。

@小森林
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise封装方式
scorpio的博客
09-25 3472
Promise封装方法
JS中Promise的详解及封装
关注最新技术问题并持续维护更新
04-20 8708
Promise是什么 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。 简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 Promise的特点     1. 象的状态不...
promise自定义封装（手写promise）源码
最新发布
weixin_56048772的博客
05-23 553
实现以下结构的promise自定义封装。
promise封装函数
Mr_qinyivue的博客
09-23 470
回调地狱 setTimeout(()=>{ console.log(‘程序1’)； setTimeout(()=>{ console.log(‘程序2’)； setTimeout(()=>{ console.log(‘程序3’)； }） }） },1000） 使用promise封装函数解决回调地狱问题 function test(msg){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log(m
将一个函数(可能同步，可能异步)包装成Promise
yangguosheng的专栏
10-07 2976
其实标题的表述是有问题的，我们知道Promise就是一个异步语法糖。只有在实际使用函数的时候使用Promise语法糖,Promise并不能包装函数，不能像函数一样调用。 标题的意思是在函数执行之后执行我希望执行的代码。 先来看看简单的同步的情况。有一个函数a,函数a有参数，有返回值。函数a执行之后，我希望执行函数b。其实很简单，通过Promise，将函数a,b“连接”起来即可。 function a(str){ console.log(`我是函...
自定义封装Promise
林木木的博客
07-11 528
盘点JavaScript高级手写知识，第四弹！
详解Vue中Axios封装API接口的思路及方法
10-14
以下是一个详细的封装过程： 1. **安装 Axios** 首先，需要在项目中安装 Axios。在命令行中执行 `npm install axios` 来添加 Axios 作为项目的依赖。 2. **创建文件结构** 在项目中的 `src` 目录下，新建两个...
swift-SJNetwork一个封装AFNetworking的网络框架
08-15
它借鉴了YTKNetwork的设计思路，每个网络请求都被封装为一个对象，这个对象包含了请求的所有配置信息，如URL、HTTP方法、请求参数、头信息等。通过这种方式，开发者可以更直观地管理和跟踪请求，同时也可以方便地...
人人都该具备封装思维：Taro+Es6+Promise+Ts简易构建微信小程序的全局请求方法
03-29
一个优秀的封装类，能让你的开发效率事半功倍，所以封装逻辑至关重要，当然我也是个小菜鸟，跟着自己的思路写过一些封装方法，一方面是想不足之处还望路过的大神给予指正，二者是为新手打开一个善于封装思维的大门，...
axios如何利用promise无痛刷新token的实现方法
12-08
首先，我们需要封装一个基本的`axios`实例，并从`localStorage`中获取`token`。在每次请求时，将`token`放入请求头。当收到后端返回的数据并检测到`token`过期时，执行`refreshToken`接口获取新`token`，然后重试...
手写promise原理系列三：封装Promise构造函数，Promise构造函数的用法
ThisEqualThis的博客
03-12 612
然后resolve()时，将状态变更为成功，reject()时，将状态变更为失败，throw抛出错误时，状态也变更为失败。目前咱们封装完成了 Promise 构造函数，这只是一个19行代码的简单版本，只处理了三个问题点，但对于小白理解 promise 源码以及 promise 的工作方式有深刻意义，至少我在初窥门径时眼前是豁然开朗。因为初始状态为 pending ，当状态不为 pending 时，那说明状态被变更过了，所以就不再进行任何操作；好了，话不多说，撸起袖子接着干。
vue组件封装之Promise到的方式调用
热门推荐
我是渣渣
04-19 1万+
vue组件封装 需求：很多场景，如confirm或者弹出的输入框，都需要后续做处理，之前自己简单的传入一个 回调函数觉得代码不好维护，遂想到使用Promise对象封装，调用之后返回一个Promise对象， 我们就可以用自己熟悉瑐Promise方式做后续的操作了！ 组件实现思路 正常创建一个对象，在对象原型上拓展一个回调方法callbackFn，我们后边操作的时候调用 在...
封装promise
weixin_33717117的博客
05-07 288
// new 做了什么 //1.创建一个新的空对象 //2.将构造函数中的this指向这个新空对象 //3.执行构造函数中的代码 //4.返回这个对象 //5.这个对象有一个__proto__指向构造函数原型 var promise= new Promise((resolve, reject) => { var flag=1; if(flag) retur...
promise封装与实现
qq_25416827的博客
01-23 336
【代码】promise封装与实现。
vue promise 封装axios
weixin_42821727的博客
03-20 333
vue promise 封装axios
Promise 简易封装
wangyangzxc123的博客
10-20 128
const { rejects } = require('assert') const fs = require('fs') const { resolve } = require('path') const path = require('path') function fu(fpath) { return new Promise((resolve, rejects) => { fs.readFile(fpath,'utf8',(res, data) => { .
【全部干货】vue中封装的常用方法（持续更新）
前端-尔嵘
06-11 1896
9.根据日期（YYYY-MM-DD）获取星期几。1.获取时间（一般时间选择器默认时间用到）8.百度地图坐标和腾讯地图坐标互转。2.判断数据是否是json。5.判断object类型。7.判断对象里面是否为空。6.全局时间格式封装。...
promise函数封装（完整版）
Danny
02-28 1623
// 声明构造函数 function Promise(executor) { // 添加默认属性 this.PromiseState = 'pending'; this.PromiseResult = ''; // 接受多个then链式调用 this.callbacks = []; const self = this; // resolve函数 function resolve(data) { if (self.Promis.
vue 封装propmise 第二种
fengshaopu的博客
06-03 184
一、目录 1.下载 2.放到src目录下 3.main导入 4.使用 1.下载 去我的git上去下载utils https://gitee.com/fengshaopu2001/p7/tree/master/d/src 2.放到src目录下 下载完放到 vue的src下面 3.main导入 import axios from './utils/request.js' Vue.prototype.$axios = axios 这里导入了还不能使用还得用命令行下载个插件 npm install js
封装一个promise
05-24
可以使用Promise构造函数来创建一个封装好的Promise对象。下面是一个简单的示例： ```javascript function fetchData() { return new Promise((resolve, reject) => { // 异步操作 setTimeout(() => { const data = { message: 'Hello World!' }; resolve(data); }, 1000); }); } fetchData() .then(data => console.log(data)) .catch(error => console.error(error)); ``` 在上面的示例中，`fetchData()` 函数返回一个Promise对象并使用 `resolve()` 和 `reject()` 方法来处理异步操作的结果。调用 `then()` 方法可以获取到异步操作成功时的结果，而调用 `catch()` 方法可以获取到异步操作失败时的错误信息。 你可以将需要封装的异步操作放到Promise构造函数中，并使用 `resolve()` 和 `reject()` 方法来处理异步操作的结果。同时，将该Promise对象作为函数的返回值，即可封装一个Promise。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值