promise的封装

最新推荐文章于 2023-01-31 22:49:16 发布
最新推荐文章于 2023-01-31 22:49:16 发布
阅读量841 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37622325/article/details/70160272
本文介绍了一种使用JavaScript的Promise对象封装AJAX请求的方法，通过这种方式可以更方便地处理异步请求的成功与失败状态。文章提供了一个简单的示例，展示了如何发起GET请求并处理返回的数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


function ajax(url){
return new Promise(function(resolve,reject){
var xhr=new XMLHttpRequest();
xhr.open("GET",url);
xhr.send();
xhr.onload=resolve;
xhr.onerror=reject;
})
}
ajax("http://baidu.com").then(function(data){
console.log(data)
},function(){

})
封装自己的Promise
weixin_44813858的博客
02-22 1059
介绍promise的基础知识，手写promise
Promise 自定义封装
龘
03-26 243
一、Promise 自定义封装 ## 1. 初始结构搭建 ```html <script> // 实例化对象 let p = new Promise((resolve, reject) => { resolve('OK') }) p.then(value => { console.log(value); }, reason => {
Promise封装
Hyacinth的博客
10-27 620
primise
promise封装
前端小99的博客
09-16 250
class MyPromise{ constructor(callback){ this.status = 'pendding'; this.result = null; this.err = null; this.resolveFn = null; this.rejectFn = null; this.resolve = function...
封装promise
weixin_33717117的博客
05-07 340
// new 做了什么 //1.创建一个新的空对象 //2.将构造函数中的this指向这个新空对象 //3.执行构造函数中的代码 //4.返回这个对象 //5.这个对象有一个__proto__指向构造函数原型 var promise= new Promise((resolve, reject) => { var flag=1; if(flag) retur...
使用Promise封装wx.request wx.setStorage封装，实现设置过期时间
05-11
在微信小程序开发中，我们经常会...以上就是对`wx.request`和`wx.setStorage`进行Promise封装，以及实现设置过期时间的知识点详解。通过这样的封装，我们可以更优雅地处理小程序中的异步操作，提升代码可读性和维护性。
filereader与promise封装使用.html
10-03
Filereader与Promise的搭配使用/JavaScript异步回调函数返回值 完美解决！！！！！！！ 工作中项目需求：读取用户上传的Excel文件，并将Excel转换为json数据格式，然后上传至后台数据库。 问题点：Filereader中new ...
使用Promise封装小程序wx.request的实现方法
10-15
总之，通过Promise封装小程序wx.request是一种很好的编程实践，可以极大地方便开发人员进行网络请求的编写和维护。它不仅让网络请求更加简洁，而且提高了代码的复用率和可读性，使得小程序的后端数据交互变得更加...
如何利用ES6进行Promise封装总结
10-17
通过封装，我们可以创建一个更加通用的Promise实现，它不仅能够处理内置的异步操作，还可以用来封装任何异步操作，比如Node.js中的文件读取操作，或者是对Web API的请求。封装后的Promise类可以通过链式调用then方法...
围绕setTimeout的一个微型28字节Promise封装
08-10
本文将深入探讨一个围绕`setTimeout`函数的微型Promise封装，它只有28字节，但却能实现基本的异步操作。这个封装在JavaScript开发中尤其适用于轻量级任务，例如延迟执行、非阻塞UI更新等场景。 首先，让我们来看看...
Promise自定义封装
Youle-Rose记录一些学习前端的知识和遇到的难点
01-31 2240
自己封装一次promise会有利于理解promise，而且在面试的时候，很大可能回问道关于promise的一些知识，甚至会手写
promise函数封装（完整版）
Danny
02-28 1803
// 声明构造函数 function Promise(executor) { // 添加默认属性 this.PromiseState = 'pending'; this.PromiseResult = ''; // 接受多个then链式调用 this.callbacks = []; const self = this; // resolve函数 function resolve(data) { if (self.Promis.
Promise封装方式
scorpio的博客
09-25 3762
Promise封装方法
promise 封装
ZHXT__的博客
12-08 431
最近一直在思考如何提高编程水平, 想想还是从实际出发吧, 把工作中的一些js函数做一些尝试性的封装, 以提高水平, 也可以建立自己的一个封装感工具库 ...
从零开始封装一个Promise
m0_45093055的博客
03-20 2522
一、Promise是什么？ 概念：Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。 作用：主要通过链式调用解决地狱回调问题 二、手写封装promise及调用 1.封装promise 完整代码如下： const PENDING = 'PENDING', FUILLED = 'FUILLED', REJECTED = 'REJECTED'; function resolvePromise(x,resolve,reject) { // let call
Promise 简单封装
wind_z_i的博客
03-19 810
要分装promise先理清思绪 1. 先实现executor的立即执行 2. 实现MyPromise中有两个属性 state， result 3. 实现 executor的两个参数 resolve和reject， 传递给executor 4. resolve和reject调用的时候，能够 state状态改变， result进行保存 5. 实现then方法，onFullfilled onRejected， 如果状态是fulfilled的时候，执行onFulfilled 6. 如果调用then方法的
原生es6封装一个Promise对象
小红是个前端小菜比
11-26 358
实现功能： 已实现 Promise 基本功能，与原生一样，异步、同步操作均ok，具体包括： MyPromise.prototype.then() MyPromise.prototype.catch() 与原生 Promise 略有出入 MyPromise.prototype.finally() MyPromise.all() MyPromise.race() MyPromise.resolve...
ES6 Promise封装详解与同步处理示例
文章进一步思考如何将原生Promise封装到自定义类`Mypromise`中，以处理同步任务。作者注意到： - `Mypromise`类本质上是一个构造函数，接收一个回调函数作为参数。 - 这个回调函数接收两个参数：`resolve`和`reject...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值