promise对象解决回调地狱

佚名 6年前 (2019-04-22) 随笔 340人围观抢沙发百度已收录

先放一张图片感受一下回调地狱

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

看起来是真的很让人头痛的东西

而现在我这里使用promise对象来解决回调地狱

采用链式的 then，可以指定一组按照次序调用的回调函数。

这时，前一个 then 里的一个回调函数，返回的可能还是一个 Promise对象（即有异步操作），

这时后一个回调函数，就会等待该 Promise对象的状态发生变化，才会被调用。

由此实现异步操作按照次序执行。

var sayhello = function (name) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      console.log(name);
      resolve();　　//在异步操作执行完后执行 resolve() 函数
    }, 1000);
  });
}
sayhello("first").then(function () {
  return sayhello("second");　　//仍然返回一个 Promise 对象
}).then(function () {
  return sayhello("third");
}).then(function () {
  console.log('end');
}).catch(function (err) {
  console.log(err);
})
//输出：first  second  third end