Promise系列01：初识Promise

最新推荐文章于 2024-12-10 09:49:19 发布

转载最新推荐文章于 2024-12-10 09:49:19 发布 · 375 阅读

文章标签：

#Promise #异步

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

本文对比了传统回调函数写法与Promise对象在处理异步操作时的差异，展示了使用Promise如何使程序流程更加清晰易读，并解释了Promises规范解决传统回调函数导致的问题。

Promise 对象用于异步(asynchronous ) 计算.。一个Promise对象代表着一个还未完成，但预期将来会完成的操作。

// 传统写法
step1(function (value1) {
  step2(value1, function(value2) {
    step3(value2, function(value3) {
      step4(value3, function(value4) {
        // ...
      });
    });
  });
});

// Promises的写法
(new Promise(step1))
  .then(step2)
  .then(step3)
  .then(step4);

由以上代码可见，采用Promises接口以后，程序流程变得非常清楚，十分易读。

总的来说，传统的回调函数写法使得代码混成一团，变得横向发展而不是向下发展。
Promises规范就是为了解决这个问题而提出的，目标是使用正常的程序流程（同步），来处理异步操作。它先返回一个Promise对象，后面的操作以同步的方式，寄存在这个对象上面。等到异步操作有了结果，再执行前期寄放在它上面的其他操作。