延期 / 中间执行 ES7 Promise 的方法？
在前端开发中，我们经常遇到需要延迟执行 Promise 或在 Promise 执行过程中插入其他操作的情况。此时，我们需要一种方法来实现 Promise 的延期和中间执行。下面就介绍两种常见的方法。
- 延期执行 Promise
有时，我们需要在一段时间后才执行 Promise，可以使用 setTimeout 来实现延期执行。
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
delay(1000).then(() => {
console.log('Hello, World!');
});在上面的例子中，我们定义了一个 delay 函数，它返回一个 Promise，该 Promise 在指定的时间后完成。接着我们在 then 方法中执行我们想要的操作。
- 中间执行 Promise
有时，我们需要在 Promise 执行的过程中插入其他操作，比如在 Promise 执行前打印一条日志或在 Promise 执行后执行一些额外的逻辑。此时，我们可以使用 Promise 的 then 方法来实现中间执行。
-- -------------------- ---- -------
-------- ----------- -
------ --------------------------------------
-------------- -- -
----------------- ------ ----------------
------ ----------------
--
---------- -- -
----------------- ------ ----------------
------ -----
--
------------ -- -
------------------------ ---- ---------
----- ------
---
-在上面的例子中，我们定义了一个 fetchData 函数，它返回一个 Promise，该 Promise 在成功时返回我们加载的数据，失败时抛出一个错误。在 Promise 的执行过程中，我们在 then 方法中添加了打印日志的逻辑和在 catch 方法中添加了处理错误的逻辑。
总结
使用 Promise 的 then 方法和 catch 方法可以轻松地实现 Promise 的延期和中间执行。在实际的开发过程中，我们可以利用这些技巧更好地掌控 Promise 的执行流程，提高代码的可读性和维护性。
参考链接：延期 / 中间执行 ES7 Promise 的方法？
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6488440748841e98946c7c9a