拆析promise.then的.then返回值

已于 2022-11-21 23:58:33 修改
阅读量670 收藏
点赞数 2
文章标签： javascript 前端
于 2022-11-18 23:06:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20623665/article/details/127914174
版权

基础薄弱，如有不对还请指出

首先拿 出回调地狱例子

第三层的定时器执行条件是，第二层定时器执行完毕后，第二层的定时器执行条件是第一层定时器执行完毕，里层依赖外层状态

如果继续增加定时器的话，就会无限往右侧延伸，这里使用pormise.then的链式调用

new promise创建一个对象  pormise会立即执行  此时pormise状态为准备状态，定时器执行打印1，同时改变pormise的状态为成功状态， 

 绿色看为一个整体，pormise.then      黄色里面的res2就是上面pormise成功并传的参数

 这里是我个人的理解，此处先不要看  绿圈后面这个new pormise的对象  而是先看这个return的返回值是给了谁，我理解是返回给了黄色圈圈的这个整体，  整体就是一个新的pormise 对象     这个对象和上面图片的对象，不是同一个pormise，应该看做一个新的pormise对象，然后2秒后执行改变pormise的转态  并 传参给res3      再三秒后执行打印res3   

这个return返回值如果有更好理解的方式，望周知

11.21号补充

pormise.then本身是没有返回值的

上帝喜欢糖
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于Promise .then()
Xu_cipu的博客
01-31 738
var log = function(res) { console.log(res); } var p1=new Promise(function (resolve,reject){ var p1 = 1; if(p1==1) resolve("p1 resolve"); else reject("p1 failed"); }); var p2=new Promise(function...
Promise中then的返回值
weixin_51042892的博客
03-06 4259
then中有return的话，return的值有两种情况 1.除Promise对象外，则默认成功 2.Promise对象，则下一个then是处理这个Promise对象的 let p=new Promise((resolve,reject)=>{ resolve(“fulfilled”); // reject(“io”) }).then( value=>{ // 返回除Promise对象外，默认都为成功 // return “zy” return new Promise((resolve,re.
promise中的.then方法【待完善】
大小曲奇的博客
06-07 1万+
Promise 是抽象的异步处理对象 构造方法： Promise 有三个状态：  上面我们提到 Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 和 .   resolve函数的作用是，将 Promise 对象的状态从 未处理 变成 处理成功 (unresolved => resolved)， 在异步操作成功时调用，并将异步操作的结果作为参数传递出去。   reject函数的作用是，将 Promise 对象的状态从 未处理 变成 处理失败 (unresolved => rejected
promise中的.then()方法
热门推荐
IT_qslong的博客
10-24 1万+
promise中.then()方法 promise的构造函数是同步执行 promise.then中的函数是异步执行 .then()异步执行 : 当此方法执行完后再执行内部的程序是避免了没有获取到数据 语法 promise.then(onFulfilled[, onRejected]); 参数 promise 必需。 Promise 对象。 onFulfilled 可选。 承诺成功完成时要运行的履行处理程序函数。 onRejected 可选。 承诺被拒绝时要运行的错误处理程序函数。
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.then函数返回值类型与参数传递
weixin_41728198的博客
12-08 1万+
JavaScript语言没有类型，我更喜欢使用TypeScript，它本质上也是运行JavaScript的代码。 在TypeScript中使用Promise的时候，Promise.then()函数的返回值类型有时需要考虑。 我们都知道，Promise.then和Promise.catch这两个函数都是可以链式调用的，说明他们返回的类型也是一个Promise类型的对象。每一个then或catch...
Promise.then返回值问题
qq_42931285的博客
08-23 634
then方法返回的是一个新的Promsie实例 p1 = new Promise((resolve,reject)=>{ resolve("成功呢"); }) p2= p1.then(value=>{ console.log(value); },reason=>{ console.log(reason); }) console.log(p1); console.log(p2) 打印结果如下： 若then函数中没有返回值，默认也会返回一个Promsie。 ...
Promise用法
01-08
promise是个构造函数对象，解决了回调问题，它有三种状态，pending(等待态)，fulfiled(成功态)，rejected(失败态)，常用到的方法则有 then，catch，all，race promise是用来解决两个问题的： 回调地狱，代码难以维护...
前端Promise的理解的面试题
04-25
有关前端中的promise的理解和相关面试题，推荐要实习、就业的人在面试之前看看，提高自己的面试通过率，当然高手也可以看看来查缺补漏，有...● then的执行逻辑和返回值 ● then链式用法（$().x().x()） ● async await
Angularjs Promise实例详解
11-27
Promise是对象，代表了一个函数最终可能的返回值或抛出的异常，就是用来异步处理值的。 Promise是一个构造函数，自己身上有all、reject、resolve这几个异步方式处理值的方法，原型上有then、catch等同样很眼熟的方法...
ajax-promise
05-01
返回值应该是状态为200的JSON对象。 如果状态不是200，则Promise将返回错误。 该错误也应作为JSON对象返回。用法var AjaxPromise = require ( 'ajax-promise' ) ;AjaxPromise . get ( '/pages' ) . then ( function...
exec-promise:在幕后使用 child_process.exec 执行命令行字符串，为方便起见，包裹在 bluebird 承诺中
06-10
安装 $ npm install --save @chmontgomery/exec-promise用法 var execPromise = require ( '@chmontgomery/exec-promise' ) ;execPromise ( 'ls -l' ) . then ( function ( stdout , stderr ) { // can inspect ...
Promise.then方法 返回值
qq_30436011的博客
10-20 3981
var p = Promise.resolve(1) p.then((value)=>{ //1、返回一个Promise 调用resolve return new Promise(function(resolve,rejected){ resolve(value + 1) }) //2、返回一个Promise 调用rejected return new Promise(function(resolve,rejected){ re.
promise中then参数中的函数返回值
weixin_48079602的博客
04-16 1163
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // then参数中的函数返回值 function queryData(
将Promise.then中的值直接return出来调用
Front小思的博客
05-31 5221
需求：定义一个 getGoodsList 函数，在里面执行异步操作，然后取得 Promise.then 中的值并 return 出来，以便在别的地方使用该返回值。
Promise中的then方法详解
qq_32021429的博客
10-29 4367
Promise详解（第15天） /* * 创建Promise实例的时候得传一个函数 executor,并且这个函数接收两个参数 + resolve函数：将实例的状态从 pending 修改为 fulfilled/resolved，同时将实例的值改为执行这个函数时传递的实参 + reject函数：将实例的状态从 pending 修改为 rejected，同时将实例的值改为执行这个函数时传递的实参 每一个Promise实例都有两个重要的属性： + [[Pro
（基础）Promise中then()方法使用，多次调用、链式调用
次顶级的博客
12-16 1万+
Promise可以被多次调用then方法，链式调用
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 1073
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
promise.then
05-21
`promise.then()` 是 Promise 对象的方法之一，用于在 Promise 对象成功执行后（即状态变为 resolved）执行回调函数，并返回一个新的 Promise 对象，该对象会包含回调函数的返回值。 该方法接收两个参数，第一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值