Promise的用法及相关的JS执行顺序

最新推荐文章于 2024-05-06 10:07:28 发布
最新推荐文章于 2024-05-06 10:07:28 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48661004/article/details/121880213
版权

在JavaScript中，所有的代码都是单线程执行的。由于单线程，导致JavaScript的所有的网络操作、浏览器事件，都必须是异步执行。一开始异步执行可以用回调函数来实现，在ES6中新增了Promise，Promise是异步编程的一种解决方案，用来替代传统的解决方案——回调函数。

 Promise的作用

1.主要用于异步计算

2.可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果

3.可以在对象之间传递和操作promise，帮助我们处理队列

异步回调函数的问题

 1.很容易进入到回调地狱中，剥夺了函数return的能力

2.问题可以解决，但是难以读懂，维护困难

3.稍有不慎就会踏入回调地狱--嵌套层次深，不好维护

Promise的优点

1.promise是一个对象，对象和函数的区别就是对象可以保存状态，函数不可以（闭包除外）

2.并未剥夺函数return的能力，因此无需层层传递callback，进行回调获取数据

3.代码风格，容易理解，便于维护

4.多个异步等待合并便于解决

三个状态

1.Pending状态（进行中）

2.Fulfilled状态（已成功）

3.Rejected状态（已失败）

对象的状态不受外界影响。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来&#x

最低0.47元/天 解锁文章
wake偏爱
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js利用递归与promise 按顺序请求数据的方法
10-16
总结一下，这个例子展示了如何使用递归和Promise来按顺序执行多个异步请求。递归确保了请求按照预设顺序依次发起，Promise则提供了优雅的错误处理和链式调用，使得代码更易于理解和维护。这种技术在处理依赖于前一个...
javascript运行机制之执行顺序理解
11-19
JavaScript使用事件循环（Event Loop）来处理异步任务，它将任务分为宏任务（Macro Task）和微任务（Micro Task），并且按照特定的顺序执行它们。 总之，理解JavaScript的运行机制和执行顺序是成为一名合格的...
promise的三种状态及.then() .catch() .finally() .all() .race()的使用
wxiao_xiao_miao的博客
09-18 6024
Promise是ES6提出的一个新语法，用来优化异步代码的写法，是前端领域里的必会内容。 1.Promise的基本使用 1.1promise的三种状态 初始态pending：创建Promise对象时，且没有调用resolve或者是reject方法，相当于是初始状态。这个初始状态会随着你调用resolve，或者是reject函数而切换到另一种状态。 let p = new Promise((ok,err)=>{ console.info('发呆.....' )}) console.dir(p)
promise
CrystalLee
09-05 664
一、含义 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。 （2）一旦状态改变，就...
Promise的执行顺序
最新发布
weixin_63681863的博客
05-06 821
Executor 是在创建 Promise 实例时作为参数传递的一个函数，它用于定义 Promise 的行为。这个函数会立即执行，并且接收两个参数：resolve 和 reject，它们是两个由 JavaScript 引擎提供的函数，用于改变 Promise 的状态。// 这里是执行器函数// 在这个函数内部，你可以编写异步或同步的代码// 你可以根据具体的情况调用 resolve 或 reject");// 将 Promise 状态设置为 resolved}, 1000);});
Promise的使用和理解-执行顺序
qq_46199553的博客
09-06 1096
1.1. Promise 是什么? 1.1.1. 理解 抽象表达: Promise 是一门新的技术(ES6 规范) Promise 是 JS 中进行异步编程的新解决方案 备注：旧方案是单纯使用回调函数 具体表达: 从语法上来说: Promise 是一个构造函数 从功能上来说: promise 对象用来封装一个异步操作并可以获取其成功/ 失败的结果值 1.1.2. promise 的状态改变 pending 变为 resolved pending 变为 rejected 说明: 只有这 2
【JavaScript 基础】-- Promise中的then、catch、finally总结
野生松
05-21 3万+
总结： 1、Promise的状态一经改变就不能再改变。 const promise = new Promise((resolve, reject) => { resolve("success1"); reject("error"); resolve("success2"); }); promise .then(res => { console.log("then: ", res); }).catch(err => { console.log("catc
深入学习JavaScript的Promise和then、catch、finally的用法
激情人生，美好生活
08-15 1130
Promise就是将“发布者代码”和“订阅者代码”连接在一起的一个特殊的JavaScript对象，也就是发布订阅模式中的调度中心。“发布者代码”可以花费任意长的时间来准备需要发布的消息，而Promise在发布消息完毕时，将消息向所有的“订阅者代码”公布。以下面的代码为例子，详细解析Promise的用法。
promise的finally方法
热门推荐
黄彪博客
07-15 5万+
参考文档 promise-finally学习 问题来源 在做移动app开发的时候，需要每次发送请求，都会有‘菊花’提示，请求发送完毕，就需要关闭loading提示框，不然界面就无法被点击。但是请求有的是成功、有的失败、有的超时，为了不影响整个系统的正常使用，就需要强制关闭提示框，正好利用promise的finally来关闭提示框 案例 var promise = new Promise(fun...
JS中Promise函数then的奥秘探究
10-18
1. **链式调用**：每个`then`返回的新Promise可以在其上继续添加`then`，形成链式调用，确保异步操作按照添加的顺序执行。 2. **回调注册**：`then`会根据Promise当前的状态决定是否立即执行回调，或者在状态改变时...
js代码-面试题10: js执行顺序
07-15
本文将详细讲解JS执行顺序相关的知识点。 1. **代码执行上下文** - 全局执行上下文：这是JavaScript代码的起点，每个JS程序都只有一个全局执行上下文。 - 函数执行上下文：每当函数被调用时，都会创建一个新的...
js代码-Promise 相关
07-16
代码可能展示了如何使用Promise封装回调函数，如何处理并行和顺序执行，以及如何处理错误。`README.txt`文件可能会解释每个示例的目的和工作原理。 通过阅读和理解这些示例，你可以深化对Promise的理解，学习如何更...
js的执行顺序（事件循环）机制
sugar__amai的博客
07-23 473
js的执行顺序（事件循环）机制
ES6代码执行顺序面试题
m0_58636858的博客
11-15 744
async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); return 'async return'; } async function async2() { console.log("async2"); } console.log("script start"); setTimeout(function() { c.
前端JavaScript篇之对Promise的理解、Promise的基本用法、Promise的五个常用的方法：then()、catch()、all()、race()、finally()
星辰迷上大海的博客
02-13 2179
Promise是用于处理异步操作的一种机制。它类似于一个承诺，表示一个操作最终会成功或失败，并返回结果。Promise有三种状态：进行中、成功和失败，并且状态一旦改变就无法再变化。通过调用resolve()将Promise状态改为成功，调用reject()将Promise状态改为失败。可以使用then()注册回调函数来处理操作的结果。Promise的回调函数会在当前任务完成后执行，可以形成一个链式调用来处理多个异步操作。
JavaScript--Promise执行顺序
qq_45633813的博客
09-09 1246
promise执行顺序1、微任务是在宏任务的执行中产生的，所以一开始程序执行时是没有微任务的。2、系统将微任务执行完以后，才会去执行下一个宏任务。3、宏任务里如果有宏任务，不会执行里面的那个宏任务，而是被丢进任务队列后面，所以会最后执行。4、宿主环境提供的属于宏任务：例如setTimeout。由语言标准提供的属于微任务：例如promise.then。可以以此来区分宏任务和微任务。
Promise的九大方法(resolve、reject、then、catch、finally、all、allSettled、race、any)你都用过那些？
程邓楠的博客
11-17 4万+
前言： 定期复盘---今天我们来复习一下 Promise 的几个方法，分别是：Promise.resolve、Promise.reject、Promise.then、Promise.catch、Promise.finally、Promise.all、Promise.allSettled、Promise.race、Promise.any； 接下来我们一起去看看吧，从深处去了解他们有什么区别！！！
js手写Promise.prototype.finally
Dou_Hua6的博客
03-08 524
实现 Promise.finally 前面的promise不管成功还是失败，都会走到finally中，并且finally之后，还可以继续then（说明它还是一个then方法是关键），并且会将初始的promise值原封不动的传递给后面的then.如果finally函数中有promise等异步任务，会等它们全部执行完毕，再结合之前的成功与否状态，返回值；finally里的函数，无论如何都会执行，并会把前面的值原封不动传递给下一个then方法中；
帮你弄懂Promise原型方法then, catch, finally
小天才程序员的博客乐园
04-24 2万+
深入理解Promise三大原型方法：Promise.prototype.then()、Promise.prototype.catch()、Promise.prototype.finally()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值