前言
在学习 JavaScript 的过程中，我们经常会遇到异步操作的问题，比如异步加载数据、延迟执行函数等。而 Promise 就是解决这些问题的一种解决方案。
Promise 本身就是一个对象，它表示一个异步操作完成或失败的结果。Promise 对象的状态从 Pending（等待态）转变为 Fulfilled（成功态）或者 Rejected（失败态），其中 Pending 状态会一直保持到 Promise 执行结束。而 then 函数是 Promise 对象的一个实例方法，用于设置 Promise 状态变为 Fulfilled（成功态）时的回调函数。在使用 then 函数时，我们需要注意一些使用顺序问题。
问题
在使用 Promise 的 then 函数时，很容易犯一些使用顺序的错误。下面是一个例子：
-------- ---------------- -
------ --- ----------------- -- -
------------- -- -
---------------- ------------
-- ------
---
-
----------------
-------------------------- -----------
------------------
--------------------上面这段代码看起来是正确的，但如果你运行一下，你会发现它并没有按照我们的预期输出结果，而是先输出了「Promise started.」，然后直接输出了 undefined，最后输出了「Promise finished.」。这是因为我们没按正确的顺序使用 then 函数。
解决方法
在使用 then 函数时，我们需要注意使用顺序。正确的使用顺序应该是：先使用 then 注册回调函数，最后使用 catch 处理错误。
修改上面代码的正确写法如下：
-------- ---------------- -
------ --- ----------------- -- -
------------- -- -
---------------- ------------
-- ------
---
-
----------------
-------- -- -------------------- -----------
-------------- -- --------------------
-------------- -- --------------------这样修改后，我们会按照正确的顺序输出结果，先输出「Promise started.」，然后输出「Promise finished.」。
指导意义
正确理解 Promise 中 then 中函数的使用顺序对于保证 Promise 正确执行非常重要。如果使用顺序不当，可能会导致代码不按预期执行，无法准确地处理 Promise 的返回结果等问题。
我们可以通过学习 Promise ，更好地理解 JavaScript 中的异步操作，提高自己的编程水平。
总结
在 Promise 中，正确使用 then 中函数的顺序非常重要，应该先注册回调函数，最后处理 Promise 的错误。通过正确理解 Promise 异步操作，有助于提高我们的编程能力。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6460f0bc968c7c53b0282991