Promise then的嵌套

.then() 里边有 .then()的情况

因为 .then()返回的还是promise实例，会等里面的 .then()执行完，在执行外边的

对于我们来说，此时最好将其展开，阅读体验更好，

console.log('start')
new Promise(resolve=>{console.log('Step 1')setTimeout(()=>{resolve(100)},1000)
}).thne(value=>{return new Promise(resolve=>{console.log('Step 1-1');setTimeout(()=>{resolve(110)},1000)}).then(value=>{console.log('Step 1-2')   return value;}) .then(value=>{console.log('Step 1-3')   return value;})}).then(value=>{console.log(value)console.log('Step 2')})

Step1

Step1-1

Step1-2

Step1-3

110

Step2

进行展开

console.log('start')
new Promise(resolve=>{console.log('Step 1')setTimeout(()=>{resolve(100)},1000)
}).thne(value=>{return new Promise(resolve=>{console.log('Step 1-1');setTimeout(()=>{resolve(110)},1000)})}).then(value=>{console.log('Step 1-2')   return value;}) .then(value=>{console.log('Step 1-3')   return value;    }).then(value=>{console.log(value)console.log('Step 2')})

Promise then的嵌套相关推荐

明明有了 promise ，为啥还需要 async await ？
作者 | Angus安格斯来源 | https://juejin.cn/post/6960855679208783903 为了让还没听说过这个特性的小伙伴们有一个大致了解,以下是一些关于该特性的简要 ...
Promise深度学习---我のPromise/A+实现
原文地址fancierpj0.github.io/iPromise/ 目录 (づ￣ 3￣)づ=> 掘金这目录页..放这么角落..嗯..干撒呢 [TOC] 序本文会对Promise规范进行一个比 ...
ES6基础5（Promise）-学习笔记
文章目录 ES6基础5(Promise)-学习笔记 Promise 三个状态状态转换手写Promise源码同步异步概念 jquery中串行并行 async-await 微任务宏任务 ES6基 ...
Promise和事件循环
01-Promise语法 1.1-Promise介绍 ES6教程传送门:http://es6.ruanyifeng.com/#docs/promise 1.Promise是什么? Promise 是 ...
ES6 Promise（承诺）看这一篇就够了
目录一.什么是promise 二. Promise格式及PromiseState (1)pending (2)fulfilled 或 resolved (3)rejected 三.PromiseRe ...
promise的用法与定义。
结合个人理解说下promise . 首先在讲promise时,也简单的说下两个东西,一个构造函数,一个回调函数. 什么是构造函数(实例方法): 特点: 构造函数的名称一般是开头字母是大写的 this就 ...
promise用法详解
一.什么是promise 1.promise简介 Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all.reject.resolve这几个方法,原型上有then.catch等 ...
promise 、async/await 的原理及实现
前言事件循环机制由于 javascript 引擎是采用单线程运行机制,执行耗时过大的操作时会造成页面的阻塞,为了解决页面的阻塞问题,js 将任务分为同步任务.异步任务,随之而来的是异步带来的执行 ...
2021-8-12这篇关于Promise用法的标题我不知道怎么起了
Promise 1.Promise 是什么,结构? 1.1本质 Promise(MDN)本质上是一个函数返回的对象,在上面绑定回调后就不需要在一开始把回调函数作为参数传入.–>异步函数调用:一旦 ...
Promise原理和使用
Promise原理和使用 Promise基本用法嵌套的Promise 异步加载图片实例 Ajax异步操作实例 Promise新建后立即执行 promise实例作为参数调用resolve或rejec ...

Promise then的嵌套

Promise then的嵌套相关推荐

最新文章

热门文章