在前端开发中，异步操作是必不可少的，而 Promise 就是其中一种非常实用的异步编程的方式。Promise 对象代表一个异步操作的最终完成（或失败）及其结果值。通过 Promise，我们可以更加优雅地处理异步操作，提高程序的可读性和可维护性。而 Promise 的 then 方法是 Promise 最核心的 API 之一，本篇文章将介绍如何正确地使用 Promise 的 then 方法。
Promise 简介
在了解 Promise 的 then 方法之前，我们先来简单地了解下 Promise。Promise 是一个对象，它代表了一个异步操作的最终完成或失败。Promise 一般有三种状态：Pending（进行中）、Resolved（已完成）和Rejected（已失败）。其中已完成和已失败的状态称为Promise的终态。
Promise 对象主要解决回调地狱的问题。回调地狱是指嵌套过多的回调函数会导致程序逻辑复杂，难以维护和扩展。而 Promise 则通过链式调用来处理异步操作，避免了回调地狱的问题。
then 方法的基本用法
Promise 的 then 方法是 Promise 最核心的 API 之一，它用于注册异步操作成功后的回调函数。then 方法接收两个参数，分别是成功回调和失败回调，格式如下：
----------------------------- -------------
其中，successCallback（成功回调）接收异步操作返回结果，failCallback（失败回调）接收异步操作的错误信息。
例1：简单的 then 方法
我们通过一个简单的示例来演示 Promise 的 then 方法的基本用法：
--- ------- - --- ------------------------- ------- -
--------------------- -
-------------------
-- ------
---
--------------------------- -
------------------
-- ------------- -
-----------------
---在这个例子中，我们定义了一个 Promise 对象，它会在 1 秒后返回成功状态，并附带一个字符串 'success'。我们在 then 方法中注册了成功回调函数。因此，当 promise 对象状态变为成功时，我们定义的成功回调函数就会被调用，并将成功的结果打印出来。
例2：then 方法的链式调用
Promise 的 then 方法支持链式调用，这正是 Promise 的强大之处。在链式调用中，then 方法的返回值是一个新的 Promise 对象，因此我们可以在 then 方法后面继续调用 then 方法。
--- ------- - --- ------------------------- ------- -
--------------------- -
-------------------
-- ------
---
--------------------------- -
------------------
------ --- ------------------------- ------- -
--------------------- -
--------------------
-- ------
---
--
--------------------- -
-------------------
--
-------------------- -
-----------------
---在这个例子中，我们进行了一个链式调用：在 promise.then 方法中返回了一个新的 Promise 对象。在新的 Promise 对象的 then 方法中又返回了另一个 Promise 对象，实现了多个异步操作的串联。同时，我们在链式调用的最后使用 catch 方法捕获了可能出现的错误。
then 方法的正确使用
在使用 Promise 的 then 方法时，强烈建议遵从以下规范：
- 一个 Promise 对象的 then 方法应该仅仅调用一次；
- then 方法应该返回一个新的 Promise 对象，以便实现链式调用；
- 在 then 方法的 successCallback 和 failCallback 中尽量不要抛出异常，建议使用 Promise.reject 或 Promise.resolve 来抛出异常和处理异常。
例3：then 方法链式调用的错误处理
下面给出一个 then 方法链式调用的错误处理的示例：
--- ------- - --- ------------------------- ------- -
--------------------- -
-------------------
-- ------
---
--------------------------- -
------------------
------ --- ------------------------- ------- -
--------------------- -
----------------
-- ------
---
--
--------------------- -
-------------------
--
-------------------- -
-----------------
------ ------ ---------
--
--------------------- -
-------------------
--在这个例子中，我们故意让第二个异步操作返回失败状态，并在第二个 then 方法中打印了错误信息。接着，我们使用了 catch 方法来处理错误，并返回了一个新的值 'error handled'。最后，我们在 then 方法中打印了这个新的值。这个示例展示了如何正确地使用 then 方法来处理异步操作的连续执行和错误处理。
总结
Promise 是前端开发中非常实用的异步编程的方式，而 then 方法则是 Promise 最核心的 API 之一。then 方法的基本用法非常简单，支持链式调用。但在使用 then 方法时，我们应该遵循一些规范，以实现优雅的异步编程。TODO:有些说的太简单了，要更细致一些。
在代码实现中，then 方法应该仅仅调用一次，并且应该返回新的 Promise 对象以实现链式调用。同时，我们应该合理地处理错误，应该尽量避免在 then 方法的回调函数中抛出异常，并使用 Promise.reject 或 Promise.resolve 来抛出异常和处理异常。只有这样，我们才能更好地利用 Promise 来提升代码的可读性和可维护性。
总之，正确使用 Promise 的 then 方法可以大大提高程序的可读性和可维护性，也可以避免回调地狱的问题。随着前端技术的不断发展，Promise 将会在前端异步编程中扮演越来越重要的角色。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6479698c968c7c53b057059b