Promise

最新推荐文章于 2023-07-13 11:54:01 发布
最新推荐文章于 2023-07-13 11:54:01 发布
阅读量105 收藏
点赞数
分类专栏： js学习 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lu_Xuan_/article/details/127017015
版权

回调函数：


  将函数callBack作为参数传给函数fun, 在函数fun中以形参方式进行调用, 函数callBack就称为回调函数


  给回调函数传参， 可以将另一个函数数据在回调函数中处理。


  解决异步编程问题， 处理异步操作完成后结果

 异步与同步：


  现实生活中同步与异步操作


  软件世界
    同步操作: 当一个操作开始执行后，主程序需等待它的完成，才能继续向下执行。
    异步操作: 当一个操作开始执行后，主程序无需等待它的完成，可以继续向下执行。 此时该操作可以跟主程序同时（并发）执行。
  示例-文件操作


  示例-Ajax异步网络请求


  问题： 异步任务完成后返回结果处理问题? 解决办法： 回调函数   (回调函数可以解决异步任务问题)

Ajax封装:



  封装思路


  请求参数工具函数
     对象形式的参数封装成名称值对的形式


  Ajax工具函数 

 Promise介绍:


  Promise 是异步编程的一种更优雅的解决方案，比传统的解决方案——回调函数——更合理和更强大。 它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。
  所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。
  简单理解为： promise是对异步操作的封装，封装异步文件读写， ajax异步网络请求...

 Promise对象有以下两个特点:


  （1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。 这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。
  （2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。 只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为 resolved（已定型）。

 基本用法:


  以异步读取文件为例
    1.封装异步读取文件promise对象


    2.处理异步文件读取成功&失败的结果


  回调函数示例


  练习异步ajax封装

 

 回调函数嵌套问题-回调地狱:


  异步读文件


    要读取三个文件，第一个文件读取完成后，再读取第二个文件，然后再是第三个文件 这时引起 回调函数层层嵌套问题


  发送三个 ajax 请求


  回调地狱，其实就是回调函数嵌套过多导致的

 Promise链式调用:


  promise解决回调嵌套问题


  promise封装ajax
    封装promise


    调用


  异步读取多个文件


  异步读取文件封装为函数

 Promise方法:


  Promise.resolve 方法


  Promise.reject 方法


  Promise.race


  Promise.all

async/await:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

鹿轩Lx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS-Promise详解
军火库
06-01 3324
Promise：ES6新增的内置类(构造函数)，用来规划异步编程代码，解决回调地狱问题 回调地狱 以jQuery的ajax请求为例，在回调函数里面嵌套回调函数称为回调地狱 如何修改实例的状态和值 Promise的公共方法 then() catch() THEN链的顺延/穿透机制在项目中：then中一般只传递onfulfilled「成功干什么」，最后加一个catch；这样不论中间哪个环节创建了失败的实例，都会穿透至最后一个catch；catch不加，出现失败的实例，控制台报“红”，但是不影响其他代码执行
JS promise
许诺的博客
04-11 90
1.异步与同步 同步操作: 当一个操作开始执行后，主程序需等待它的完成，才能继续向下执行。 异步操作: 当一个操作开始执行后，主程序无需等待它的完成，可以继续向下执行。 此时该操作可以跟主程序同时（并发）执行。 问题： 异步任务完成后返回结果处理问题? 解决办法： 回调函数 (回调函数可以解决异步任务问题) 2.回调函数 将函数callBack作为参数传给函数fun, 在函数fun中以形参方式进行调用, 函数callBack就称为回调函数 3.Promise promise是对异步操作的封装，封装异步文
nodejs中，以下编写方式是很常用的吗: `return new Promise()`里面再调用Promise.all，Promise.all的参数又有Promise对象`...
weixin_35752122的博客
12-29 217
是的，在 Node.js 中使用 Promise 对象是很常见的。使用 Promise.all 方法，你可以将多个 Promise 对象包装在一起，并在所有 Promise 都完成时得到结果。例如： return new Promise((resolve, reject) => { Promise.all([promise1, promise2, promise3]).then(resu...
JavaScript-Promise
apple_53406386的博客
03-20 1122
JavaScript中Promise对象用来传递异步操作的消息。 生命周期 Promise共有两种生命周期： 1、pending（进行中）-此时代码执行尚未结束 2、settled（已处理）-代码执行结束。settled又分为两种情况： （1）fulfilled（已完成）-异步代码执行成功 （2）rejected（已拒绝）-异步代码执行失败 创建未处理的Promise new Promise( (resolve,reject)=>{} ); resolve、reject
js new Promise的基本用法
weixin_46451295的博客
03-18 4245
function easyShare(config) { return new Promise((resolve, reject) => { try { if (config === true) { console.log(11, config) setTimeout(() => { resolve(‘成功了’) }, 1000) } else { // throw error throw ‘失败了’ } } catch (error) { console.log(12, error) reje
promise:Python 中的超高性能 Promise 实现
05-30
承诺这是 Python 中 Promise 的一个实现。 它是 Promises/A+ 的超级集，旨在拥有可读、高性能的代码，并仅提供在 Python 中使用 Promise 绝对必要的扩展。 它与完全兼容安装 $ pip install promise用法下面的示例...
promise.pdf
05-30
promise学习笔记
promise.md
06-03
promise.md记载了promise的规范 它是一套异步操作处理机制， [Promise A+](https://promisesaplus.com/) 是规范，jQuery、ES2015、q的promise都是对该规范的一种实现.
Promise用法
01-08
promise是个构造函数对象，解决了回调问题，它有三种状态，pending(等待态)，fulfiled(成功态)，rejected(失败态)，常用到的方法则有 then，catch，all，race promise是用来解决两个问题的： 回调地狱，代码难以维护...
Promise.js
06-19
手动实现promise的功能， 只能保证功能相同。用于来更加深刻的理解promise，由于es6是官方提出的一个新的概念，每家浏览器厂商实现的底层原理都不一样，所以这个实现的只是模拟用来练习的。更加理解promise，和养成...
promise详解
03-09
关键词：Promise，resolve，reject，Prepending，Resolve，Reject，then，catch，all，race
promise的学习总结
09-08
Promise的学习总结
filereader与promise封装使用.html
10-03
Filereader与Promise的搭配使用/JavaScript异步回调函数返回值 完美解决！！！！！！！ 工作中项目需求：读取用户上传的Excel文件，并将Excel转换为json数据格式，然后上传至后台数据库。 问题点：Filereader中new ...
JS中promise化微信小程序api
10-18
主要给大家通过代码实例分析了promise化微信小程序api的使用方法，对此有需要的朋友可以参考学习下。
JavaScript 中Promise 详解及方法
m0_62899372的博客
07-13 585
romise.race（）只要参数实例有一个变成fulfilled状态，包装实例就会变成fulfilled状态；只要有一个变成rejected状态，包装实例就会变成rejected状态。romise.any（）只要参数实例有一个变成fulfilled状态，包装实例就会变成fulfilled状态；因为 Promise 的状态一旦改变，就永久保持该状态，不会再变了。2.promise新建后将会立即执行，而then方法指定的回调函数，要在当前脚本所有同步任务执行完才会执行。如果异步操作抛出错误，状态就会变为。
ES6---new Promise()使用
低调哥的博客
11-24 5518
ES6---new Promise()使用 1、使用then的回调，避免传统方法需要传回调参数 //传统写法 const fn = (flag,callback) => { const data = '123456' if(flag){ callback && callback(data) } } fn(true,(data) => { console.log('fn方法里的data',data) //打印结果 123456...
js中Promise构造函数的使用
Tonghanhan的博客
04-06 71
Promise是异步编程的一种解决方法，它有三个状态， Pending (进行中)、Resolved (已完成)、Rejected (已失败)。而状态只能改变一次，如Pending➡Resolved，或者Pending➡Rejected，如果Promise调用resolve方法，则返回成功的结果，如果调用reject方法则返回失败的结果。
js的Promise学习笔记
zhifanxu的专栏
11-18 672
let p = new Promise(function(resolve, reject){ console.log('测试'); resolve('测试'); }); 1、只是new了一个Promise对象，并没有调用它，会看到控制台有输出，说明函数已经执行了（这是需要注意的） 2、怎样做到在new Promise对象时，让Promise不执行呢？可以使用如下方法 //方法一 let p = function(){//不要使用new function哦，不然Promise也会执行 .
promise 嵌套
最新发布
04-17
Promise嵌套是指在使用Promise时，一个Promise的回调函数中又返回了一个新的Promise，形成了嵌套的结构。这种嵌套的结构可以用来处理多个异步操作的依赖关系，使得代码更加清晰和可读。 在Promise嵌套中，可以通过链式调用的方式来处理多个异步操作。具体来说，可以在一个Promise的回调函数中返回一个新的Promise对象，然后继续在新的Promise对象上添加回调函数。这样就可以形成一个Promise链，每个Promise的回调函数都可以处理前一个Promise的结果，并返回一个新的Promise对象。 下面是一个简单的示例，展示了Promise嵌套的用法： ```javascript function asyncOperation1() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 1 completed'); }, 1000); }); } function asyncOperation2() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 2 completed'); }, 2000); }); } function asyncOperation3() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Operation 3 completed'); }, 1500); }); } asyncOperation1() .then(result1 => { console.log(result1); return asyncOperation2(); }) .then(result2 => { console.log(result2); return asyncOperation3(); }) .then(result3 => { console.log(result3); }) .catch(error => { console.error(error); }); ``` 在上面的示例中，asyncOperation1、asyncOperation2和asyncOperation3分别表示三个异步操作。通过Promise的then方法，可以依次处理这三个异步操作的结果，并在控制台输出。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值