认识Promise对象及Promise工厂函数的封装

最新推荐文章于 2022-10-27 17:38:59 发布
最新推荐文章于 2022-10-27 17:38:59 发布
阅读量313 收藏 1
点赞数
文章标签： js vue 封装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Joie_Z/article/details/108587113
版权
本文介绍了Promise对象在异步编程中的作用，强调了其统一API的重要性。针对在项目中频繁使用Promise导致的代码冗余问题，文章提出了对Promise对象进行封装的方法，以简化代码并提高代码复用性。
摘要由CSDN通过智能技术生成

认识Promise对象

什么是Promise对象?
Promise是异步编程的一种解决方案，且提供统一的API，各种异步操作都可以使用同样的方法进行处理。

在做项目的时候经常使用promise对象，但是每次使用的时候都new一个并且写一长串异步代码的话就会显得代码量大且繁琐。因此，为了简化代码，降低代码冗余度，可以对Promise对象进行封装。

封装：

//参数method给默认值，如果没有传method的时候默认为get方式，参数data同理。
function getPromise(url, method = 'get', data = null) {
   
            return</
最低0.47元/天 解锁文章
Joie_Z
关注
封装promise函数
rmh1314520的博客
06-21 1071
var fs = require('fs') //封装 function pReadFile(filePath) { return new Promise(function (resolve, reject) { fs.readFile(filePath, 'utf8', function (err, data) { if (err) { reject(err) } else {
封装promise
weixin_33717117的博客
05-07 293
// new 做了什么 //1.创建一个新的空对象 //2.将构造函数中的this指向这个新空对象 //3.执行构造函数中的代码 //4.返回这个对象 //5.这个对象有一个__proto__指向构造函数原型 var promise= new Promise((resolve, reject) => { var flag=1; if(flag) retur...
promise函数封装
cybcc的博客
04-05 1354
异步函数 let index = 0; function delay(time,fn){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ fn(); resolve(`执行的第${++index...
promise封装函数
qq_41402809的博客
03-05 929
简易封装 没有传参数的情况时，可以像这样 let sleep100 = new Promise((resolve,reject) => { setTimeout(() => resolve(true), 100) }) resolve(true) 相当于return，直接把状态改成fullfilled并结束掉 有参数传入时，可以再包一层传入参数 await后面接一个会return new promise的函数并执行它 await只能放在async函数里 (async function(
JavaScript异步回调的Promise模式封装实例
01-19
异步请求完成的操作必须预先定义在回调函数中，等到请求完成就必须调用这个函数。这种非线性的异步编程方式会让开发者很不适应，同时也带来了诸多的不便，增加了代码的耦合度和复杂性，代码的组织上也会很不优雅，...
new Promise 返回的是一个 Promise对象
最新发布
08-28
当你调用 `new Promise` 时，需要传入一个工厂函数作为参数，这个工厂函数有两个回调函数：resolve 和 reject。resolve 函数在异步操作成功时调用，接收成功的结果作为参数；reject 函数则在操作失败时调用，接收...
angularjs封装$http为factory的方法
12-02
这个`param`函数遍历JSON对象，构建URL编码的字符串，适配了Struts或其他需要URL编码格式的后端。 在控制器中，我们可以像这样使用封装后的`dataFactory`： ```javascript .controller('MyController', function($...
前端必备：从头开始，搞懂Promise之Promise基础
Cheirre的博客
09-07 3052
Promise的基础及延申，一点一点将promise基础及其相关拓展，都搞明白
封装原生promise函数
11-19 124
阿里面试题： 手动封装promise函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <s...
Promise封装
Hyacinth的博客
10-27 575
primise
promise封装
weixin_44769592的博客
08-02 1401
promise 为了 解决编码方式带来的问题 （回调地狱嵌套） es6 新增api：promise （承诺 保障）是一个js的构造函数 不是node的 promise是一个容器 容器中存放了一个异步任务() 1.创建promise容器给别人一个承诺 一旦创建就执行里面的代码 //异步的 不是立即得到结果 new promise(function(){ fs.readfile('','utf8',...
promise的API封装
qq_45228330的博客
10-25 346
promise promise基本概念 promise用来解决回调地狱问题，使代码更加优雅简洁，方便维护 promise是Ecamscript 6 中新增的一个API promise 本身是一个容器，里面封装了异步任务。 这个异步任务本身的默认状态为pending， 当任务执行成功时转为resolve 当失败时转为rejected promise本身并不是异步的，但其内部封装的大部分是异步任务 promise 是一个构造函数，容器一旦建立就会执行里面的代码 promise基本概念图示 pro
一步步实现Promise代码封装
YaoDeBiAn的博客
12-03 1549
知乎文章地址：https://zhuanlan.zhihu.com/p/51373575 ES6中加入了Promise的一个概念，使得非阻塞式语句的同步变得简单起来，但是具体它是怎样实现的，接下来一步步地实现它。 一.Promise基本结构 new Promise((resolve, reject) =&gt; { setTimeout(() =&gt; { resolve('...
2020-11-12
weixin_47212088的博客
11-12 109
promise封装原生ajax <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
工厂函数
weixin_33937499的博客
07-05 151
在学习jQuery的时候，我们经常会看到“工厂函数”这个概念，那么究竟什么是“工厂函数”呢？我们来看看概念，“所谓工厂函数，就是指这些内建函数都是类对象，当你调用他们时，实际上是创建了一个类实例”。意思就是当我调用这个函数，实际上是先利用类创建了一个对象，然后返回这个对象。由于Javascript本身不是严格的面向对象的语言（不包含类），实际上来说，Javascript并没有严格的“工厂函数”，...
Node使用promise封装异步函数
qq_44352182的博客
05-06 806
Node使用promise封装异步函数 什么是Promise romise是一个对象，它通常代表一个在未来可能完成的异步操作。这个操作可能成功也可能失败，所以一个Promise对象一般有3个状态：Pending，Fulfilled，Rejected。分别代表未完成、成功完成和操作失败。一旦Promise对象的状态从Pending变成Fulfilled或者Rejected任意一个，它的状态都没有办...
Promise封装方式
scorpio的博客
09-25 3550
Promise封装方法
ES6 Promise详解：概念、创建与实战应用
- 使用`new Promise`创建一个Promise实例，传入一个工厂函数，包含两个参数：`resolve`和`reject`，分别用于异步操作成功和失败时调用。 - 工厂函数内根据异步操作的结果决定调用`resolve`并传递返回值，或者`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值