异步操作的背景
在实际的前端开发中，异步操作非常常见，比如获取远程数据，异步更新界面等等。而与此同时，JavaScript语言本身的异步处理机制也随着时间的推移逐渐发展、完善。从最初的callback hell，到基于Promise的异步处理方式，再到如今在ES7中推出的Promise.prototype.then()方式，JavaScript异步处理的能力得到了不断提高。
关于Promise
Promise是ES6中引入的解决异步操作的一种方式，一般来说，Promise具有以下特点：
Promise可以看作是一种异步操作结果的占位符，用来描述一个可能在未来完成的异步操作。- 通过绑定
then方法，可以在异步操作完成后处理异步操作的结果，或者处理异步操作失败的情况。 Promise对象存在三种状态：pending(进行中)、resolved(已成功)和rejected(已失败)。异步操作成功后的回调函数会将Promise对象的状态从pending变为resolved，而异步操作失败后的回调函数会将Promise对象的状态从pending变为rejected。
下面是一个简单的Promise类的定义：
-- -------------------- ---- -------
----- ------- -
--------------------- -
-- ------- -------- --- ----------- -
----- --- ------------------ -------------- -------- ---- -- - ----------
-
----------- - ---------
---------- - ---------
----------- - ---------
----- ------- - ----- -- -
-- ------------ --- ---------- -
----------- - ----------
---------- - -----
-
-
----- ------ - ------ -- -
-- ------------ --- ---------- -
----------- - ----------
----------- - ------
-
-
--- -
----------------- -------
- ----- ------- -
-------------
-
-
---------------- ----------- -
-- ------------ --- ----------- -
----------------------
- ---- -- ------------ --- ----------- -
-----------------------
-
-
----------------- -
-- ------------ --- ----------- -
-----------------------
-
-
-使用Promise.prototype.then() 处理异步操作
在ES7中的一个新特性是可以使用Promise.prototype.then()方法来处理异步操作，其中Promise对象可以是一个普通的对象，也可以是一个异步操作的占位符。
Promise.prototype.then()方法的语法如下：
promise.then(onResolved, onRejected)
其中：
promise是一个Promise对象，或者是一个普通的对象。onResolved是一个可选的回调函数，在promise对象的异步操作成功后调用。该回调函数的参数是异步操作的结果。如果异步操作成功后没有需要处理的结果，可以将该参数省略。onRejected是一个可选的回调函数，在promise对象的异步操作失败后调用。该回调函数的参数是异步操作的失败原因。如果异步操作失败后没有需要处理的原因，可以将该参数省略。
下面是一个使用Promise.prototype.then()方法处理异步操作的示例：
-- -------------------- ---- -------
----- ---------------- - -- -- -
------ --- --------------- -- -
------------- -- -
-------------- ----------
-- -----
--
-
----- ------------- - -- -- -
------ --- ----------------- ------- -- -
------------- -- -
------------- -------
-- -----
--
-
----- -------------- - ------------------
-------------------------- -- -
------------------- -- -------- ---------
--
----- ----------- - ---------------
----------------------- -- -
-------------------
-- ----- -- -
------------------ -- -------- ------
--总结
Promise.prototype.then()方法是在ES7中推出的一个新特性，它能够更加简洁、方便地处理异步操作。使用Promise对象可以在异步操作成功或失败后通过then()方法来处理相应的结果，而catch()方法可以处理异步操作失败的情况。在实际的前端开发中，使用Promise可以帮助我们更加优雅地处理异步操作，提升代码的可维护性和可阅读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6467b973968c7c53b080f52a