ES6 - Promise then 嵌套

简介: ES6 - 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')
  })
目录
相关文章
|
7月前
|
前端开发 JavaScript 测试技术
ES6:什么是Promise?
ES6:什么是Promise?
53 0
|
7月前
|
前端开发 小程序 JavaScript
es6读书笔记(五)Promise
es6读书笔记(五)Promise
|
7月前
|
前端开发 JavaScript 测试技术
ES6:什么是Promise
ES6:什么是Promise
|
7月前
|
前端开发 JavaScript
ES6中什么是Promise?
ES6中什么是Promise?
|
7月前
|
JSON 前端开发 JavaScript
ES6类的使用和定义.Json.Promise对象的使用
ES6类的使用和定义.Json.Promise对象的使用
63 0
|
1月前
|
前端开发
理解 ES6 中的 Promise
【10月更文挑战第24天】ES6 中的 Promise 是一种用于处理异步操作的机制,它提供了一种更优雅、更可控的方式来处理异步任务的结果。Promise 可以看作是对异步操作结果的一种承诺,它可以处于三种不同的状态:Pending(等待中)、Fulfilled(已完成,即成功)和 Rejected(已拒绝,即失败)。
|
2月前
|
前端开发 JavaScript 小程序
JavaScript的ES6中Promise的使用以及个人理解
JavaScript的ES6中Promise的使用以及个人理解
23 1
|
2月前
|
前端开发 Java
说说你对es6中promise的理解?
说说你对es6中promise的理解?
18 1
|
2月前
|
前端开发 Java
说说你对es6中promise的理解?
说说你对es6中promise的理解?
|
3月前
|
前端开发 JavaScript
ES6新标准下JS异步编程Promise解读
ES6新标准下JS异步编程Promise解读
41 3
下一篇
DataWorks