【前端调试】Promise.then返回值与断点调试

最新推荐文章于 2024-06-24 10:54:10 发布
最新推荐文章于 2024-06-24 10:54:10 发布
阅读量781 收藏
点赞数
分类专栏： 前端调试 文章标签： javascript promise 断点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42182906/article/details/117755887
版权
本文介绍了通过断点调试Promise的过程，探讨了.then方法返回Promise的状态变化。在一段示例代码中，观察到.then方法异步执行且返回一个初始状态为“pending”的新Promise实例，但最终控制台显示为“fulfilled”。对于这个现象，作者表示疑惑并邀请读者分享理解。
摘要由CSDN通过智能技术生成

在B站上看了一个Promise教程，里面用到了断点的方法，之前没有接触过，故记录。下面是一段简单的Promise示例代码：

const p = new Promise((resolve, reject) => {
   
      if(true)
        resolve("成功
最低0.47元/天 解锁文章
小河梦
关注
专栏目录
console 立即输出 调试_小米二面：Promise链输出顺序
weixin_31486289的博客
01-06 384
new Promise((resolve, reject) => { console.log('外部promise') resolve()}).then(()=>{ //then1 console.log('外部第一个then') new Promise((resolve, reject) => { ...
JavaScript单线程执行
zhou
10-03 472
1. 如何证明js执行是单线程的?  * setTimeout()的回调函数是在主线程执行的  * 定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行 2. 为什么js要用单线程模式, 而不用多线程模式?  * JavaScript的单线程，与它的用途有关。  * 作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。  * 这决定了它只能是单线程，否则会带来很复杂的同步问题 3. 代码的分类:  * 初始化代码  * 回调代码 4. js引擎执行代码的基本流程  * 先执
promise讲解
debug
06-16 382
promise是前端开发的必备技能，本期讲解基础用法，下期配合经典面试题深入讲解。
Promise中then的执行顺序详解
qq_37028216的博客
01-10 1万+
Promise在前端中主要用于处理异步调用，其基本使用方式通过阮一峰大佬的文档一下就可以入手，但是最近我看了一篇文章wecTeam中，作者深山蚂蚁的《高级进阶：深度揭秘Promise注册微任务和执行过程》一文，让我对Promise的执行顺序有了更深的了解，与此同时我也有了一个疑问，通过这篇文章与大家探讨。 1. promise的异步主要发生在微任务队列中 2. 第一个then的回调监听最新Pr...
promise模式
dada_master的博客
11-02 430
nodejs异步读取文件，异步函数： var fs = require('fs'); function readJSON(filename,callback){ fs.readFile(filename,'utf8',function(err,res){ if(err){ return callback(err,null); }
前端开发调试技巧
逆袭的菜鸟X
12-01 3088
如图所示，我们只需要在你想再次发送的网络请求上右键，然后选择“Replay XHR”即可，Chrome就会自动为我们再次发送该请求，无需做其他的任务操作。首先同样的在你需要重复发送的请求上右键，然后选择Copy—Copy as fetch，接下来我们只需要打开控制台，然后使用我们最熟悉的Ctrl + V。正对js代码的调试，我们往往需要获取某些变量的值，于是在早期我们往往通过alert方法将变量的值通过弹窗的形式进行打印。Chrome同样也想到了这一点，并且还可以让我们自由的去设计请求参数。
前端犄角旮旯，非常规面试题总结（不断更新....）
最新发布
qq_51398495的博客
06-24 953
27、判断类型的方式有哪些？1、typeof操作符：用来检测数据的类型，返回的是一个表示类型的字符串。2、instanceof操作符：用来检测对象是否为指定的构造函数的实例。3、方法：可以返回对象的准确类型。4、方法：用来判断一个变量是否为数组。（一）typeof和instanceof区别typeof返回的是一个字符串，表示变量的数据类型，可能的返回值有numberstringbooleanfunctionundefinedobject。instanceof返回的是一个布尔值，true或。
AngularJS中的调试与错误处理
AngularJS调试工具介绍 ## 1.1 Chrome开发者工具的基本使用 在AngularJS应用开发过程中，调试是一个非常重要的环节。而Chrome浏览器自带的开发者工具提供了一系列强大的调试功能，可以帮助我们快速定位和解决问题...
Chrome Devtools 高级调试指南
墨鱼菜鸡
07-11 2927
From (Chrome Devtools 高级调试指南 )：https://juejin.cn/post/6844903961472974855 chrome devtools 设置黑色主题：https://blog.csdn.net/sinat_15347975/article/details/81151342 Chrome DevTools ...
Promise使用的心得
闪亮的塔科特的博客
04-02 333
因为业务的关系，网页和底层的交互很多并且很复杂，一般会嵌套好几层，原始的ajax或者jquery的ajax写起来嵌套太长，找问题时不容易找到切入点，因此使用ES6的Promise来解决ajax的多层嵌套问题。1.简单介绍一下PromisePromise是抽象异步处理对象以及对其进行各种操作的组件。Promise是把类似的异步处理对象和处理规则进行规范化， 并按照采用统一的接口来编写，而采取规定方法...
Promise规范
前端学习日记
04-24 3682
Promise的出现就是为了解决冗长的callback造成的不便如： loadImg('a.jpg', function() { loadImg('b.jpg', function() { loadImg('c.jpg', function() { console.log('all done!'); }); })
【Promise】promise关键问题和解决办法
m0_63779088的博客
09-05 296
promise.then()返回新promise的结果状态由then()指定的回调函数执行的结果决定。promise指定多个成功/失败的回调函数，当promise改变为对应状态的时候调用。promise.then()返回一个新的promise，可以开成then()链式调用。不管先改变状态还是后改变状态，一定是通过res/rej来触发then的回调。在使用promise的链式调用时，在中间中断，不再调用后面的回调函数。在使用promise的then链式调用时，可以在最后指定失败的回调。
promise、async和await
weixin_44870969的博客
03-16 180
跟promise对象 跟普通值 异步函数 捕获异常
promise.then返回结果几种情况
m0_60909419的博客
04-12 1万+
首先实例化一个promise对象。promise对象身上有then方法，可用来指定回调，对成功和失败的结果进行处理。它接受两个回调函数，一个是resolve成功的回调，一个是reject失败的回调。 const p = new Promise((resolve, reject) => { setTimeout(() => { resolve('成功的回调'); // reject('失败的回调'); }, 1000); }); p.then(v
Promise.resolve() 方法
热门推荐
雾里看花叹朦胧
03-04 4万+
Promise.resolve方法允许调用时不带参数，直接返回一个resolved状态的 Promise 对象。 所以，如果希望得到一个 Promise 对象，比较方便的方法就是直接调用Promise.resolve方法。 需要注意的是，立即resolve的 Promise 对象，是在本轮“事件循环”（event loop）的结束时，而不是在下一轮“事件循环”的开始时。 setTimeout(fu...
其实你不知道 Promise.then
小王的技术库
11-10 1422
你真的完全知道Promise的执行顺序吗，如果你只通过 [Promise A+ 规范]了解promise，你一定不能完全理解Promise，不信的话你来看看下面这道题// 如果注释这一行，结果又会是什么呢}).then(() => {console.log(4);});});如果你不能清晰的说出这两种情况的过程，这篇文章一定对你有帮助。Promise 基本语法事件循环模型微任务显示指定类型为promise作为返回值，会引起js 解析引擎额外的处理过程，在时间顺序上完全等同于插入两个 then。
解决异步回调的利器，Promise，字如其意
2202_75616310的博客
02-22 763
Promise是JavaScript中解决异步编程的方案，提高了异步代码的可读性，用于处理异步回调地狱问题。promise本质上是一个包装了异步操作的对象，能让我们在面对异步操作的时候让代码写起来更清晰、优雅。
ES6 Promise对象和then()的用法
wunianisme的博客
06-01 9987
Promise 对象 概述 是异步编程的一种解决方案。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 状态 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。 Promise 对象只有：从 pending 变为 fulfilled 和从 pending...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值