promise对象解决回调地狱

最新推荐文章于 2023-03-07 15:56:37 发布

weixin_33701294

最新推荐文章于 2023-03-07 15:56:37 发布

阅读量82

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mlw1814011067/p/10750103.html

本文介绍如何使用Promise对象解决异步编程中的回调地狱问题，通过链式调用then方法，实现异步操作的有序执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

而现在我这里使用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

上面代码中，第一个 then 方法指定的回调函数，返回的是另一个Promise对象。

这时，第二个then方法指定的回调函数，就会等待这个新的Promise对象状态发生变化。

如果变为resolved，就继续执行第二个 then 里的回调函数

转载于:https://www.cnblogs.com/mlw1814011067/p/10750103.html