ES6中的promise的使用

最新推荐文章于 2024-08-11 08:56:28 发布
最新推荐文章于 2024-08-11 08:56:28 发布
阅读量192 收藏
点赞数
分类专栏： 前端 资源分享 文章标签： css es6 javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43981560/article/details/108398742
版权
本文探讨了Promise在ES6中的重要性，旨在解决回调地狱问题，提高异步代码的可读性和可维护性。介绍了Promise的基本概念，包括其状态转变（pending, fulfilled, rejected）和then链式调用。还讨论了如何使用Promise.all和Promise.race进行并发处理。通过实例展示了如何优雅地处理异步操作，以避免回调嵌套。" 125850641,11509108,HTML5列表与表格元素详解,"['HTML5', '前端开发', '网页布局']
摘要由CSDN通过智能技术生成

一、提出promsie的目的？

  • 为解决回调地狱的问题（主要是异步嵌套的可读性可信任问题）

那什么是回调地狱？什么是回调函数？

  • 回调地狱： 通俗来说就是将函数作为参数，层层嵌套。
  • 回调函数：一个函数作为参数需要依赖另一个函数执行调用。

嵌套到底有什么问题？来看下面的代码，这就是一个函数嵌套，我们经常这样写，代码的缩进有种金字塔的视觉，容易成读代码的有点不方便之外就是看起来不那么美观，
在这里插入图片描述再来看一个面试中常见的顺序执行问题，打印的结果是什么？（自己执行下试试）
在这里插入图片描述再来看一个简洁的回调：
在这里插入图片描述这部分代码主要完成了什么？

  • 对于回调函数handePhoto声明并定义
  • 函数downloadPhoto在下载完图片后，调用回调函数handePhoto进行处理
  • 最后输出Download started！</
最低0.47元/天 解锁文章
安萌萌萌萌萌
关注
专栏目录
Promise
hao_xiao_guang的博客
09-30 382
什么是Promise？ ES6 新增异步解决方案 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，promise是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise 是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch、finally等方法。 Promise的两个特点 Promise对象的状态不受外界影响 1）pending 初始状.
ES6中Promise使用介绍
Allurewuhui的博客
02-13 450
一；Promise是一个实例化对象，想要使用Promise需要先 new 进行实例化 二；Promise接收一个回调函数，回调函数中接收俩个参数，一个是 resolve，表示处理成功的结果，另一个是reject，表示失败的结果，其成功或者失败的值会被实例化对象 .then 方法处理，失败的方法也可单独被 catch()处理 三；实例化Promise 注：（1）.then方法可以只写第一个成功的回调，接收成功的返回结果 （2）promise 的 resolve 和 reject 只会执行一个，要么
Promise使用
小白学编程
09-15 4550
1.常用用法 //promise主要用来解决低于回调问题 //fs.readFile是一个异步函数，如果直接调用，不使用promise,是无法返回结果 const fs = require('fs') function getFileByPath(fpath){ //resolve是成功之后的回调函数，reject是失败之后的回调函数 var promise = new Pr...
Promise.all全面解析：使用方法与实战技巧
最新发布
软考鸭
08-11 550
Promise是JavaScript中处理异步操作的重要机制，它提供了一种优雅的方式来处理异步回调，避免了传统回调地狱的问题。而Promise.all作为Promise的一个静态方法，更是在处理多个异步操作时发挥着关键作用。本文将全面解析Promise.all的使用方法，并给出实战技巧。
Promise的使用
weixin_53718041的博客
10-03 104
1.什么是promise？ ES6的promise翻译为承诺的意思 是异步编程的一种解决方案，比传统的解决方案更加合理强大容易实现，promise是一个对象 从他的身上可以获取进一步的操作的信息 有三个状态：pending进行中 、resolved已完成、rejected失败 特点：对象的状态不受外界的影响 一旦状态改变就不会变 ，任何时候都可以得到这个结果 缺点：无法取消promise 一旦新建他就会立即执行，promise内部抛出的错误不会反映到外部 当处于pending状态的时...
ES6中Promise的使用方法实例总结
10-15
ES6（ECMAScript 2015）中引入了Promise，这是一种处理异步编程的现代解决方案。Promise代表了一个异步操作的最终完成（或失败）及其结果值。 ### Promise基本概念 Promise有三种状态：pending（进行中）、...
es6-promise.auto.js
10-31
<!-- Automatically provides/replaces `Promise` if missing or broken. --> [removed][removed] ...-- Minified version of `es6-promise-auto` below. --> [removed][removed] [removed][removed]
es6-promise
04-02
es6-promise.auto.js ,可用于微信小程序开发，小程序里需要
ES6 Promise用法小结
热门推荐
涂涂
07-25 39万+
目录 1.什么是Promise reject的用法 catch的用法 all的用法 race的用法 1.什么是Promise Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操...
es6中的promise对象
Amelian的博客
12-03 207
let p = new Promise((resolve, reject) => { //做一些异步操作 setTimeout(function(){ var num = Math.ceil(Math.random()*10); //生成1-10的随机数 if(num<=5){ resolve(num); } else{ ...
十、Promise
光明小学王小雨的博客
11-27 359
一、简介 1、Promise是异步编程的一种解决方案。 我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调出去。 如果只是一个简单的网络请求，那么这种方案不会给我们带来很大的麻烦。但是，当网络请求非常复杂时，就会出现回调地狱。 2、我们来考虑下面的场景(有夸张的成分)： 我们需要通过一个url1从服务器加载一个数据data1，data1中包含了下一个请求的url2 我们需要通过data1取出u
promise 对象的使用
jixinjixin的博客
06-21 121
promise 对象的使用 参考资料：JavaScript Promise迷你书 what is Promise * Promise是抽象异步处理对象以及对其进行各种操作的组件。Promise并不是从JavaScript中发祥的概念。 Promise最初被提出是在 E语言中， 它是基于并列/并行处理设计的一种编程语言。 现在JavaScript也拥有了这种特性，这就是JavaScript Pr...
ES6 Promise使用详解与实例分析
本文将详细介绍Promise在ES6中的使用方法及其关键特性。 1. **Promise的基本概念** - Promise是一个构造函数，用来创建Promise对象。它代表了一个异步操作的最终完成（fulfilled）或失败（rejected）状态。 - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安萌萌萌萌萌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值