ES6 Promise多步骤操作

Posted sunyang-001

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 Promise多步骤操作相关的知识,希望对你有一定的参考价值。

Promise 解决es5中的回调地狱
 
什么是回调地狱?
function a() {
  进行业务逻辑操作
  function b() {
    进行业务逻辑操作
    function c() {
      进行业务逻辑操作
    }
  }
}
这就是回调地狱。。。。。。
 
Promise
let state = 1
function state1(resolve, reject) {
  console.log(‘start‘);
if (state == 1) {
  resolve(‘start 成功‘)
} else {
  reject(‘start 错误‘)
  }
}
function state2(resolve, reject) {
  console.log(‘next‘);
  if (state == 1) {
    resolve(‘next 成功‘)
  } else {
    reject(‘next 错误‘)
  }
}
function state3(resolve, reject) {
  console.log(‘end‘);
  if (state == 1) {
    resolve(‘end 成功‘)
  } else {
    reject(‘end 错误‘)
  }
}
new Promise(state1).then(function (val) {
  console.log(val); // val是返回值
  return new Promise(state2)
}).then(function (val) {
  console.log(val); // val是返回值
  return new Promise(state3)
}).then(function (val) {
  console.log(val); // val是返回值
})
技术图片

 

以上是关于ES6 Promise多步骤操作的主要内容,如果未能解决你的问题,请参考以下文章

ES6--Promise基础

ES6,ES7,Vue的基本认识和特点

ES6 Promise

ES6——异步操作之Promise

ES6 Promise 对象

ES6 Promise 对象