Promise.then 总结
Promise.then 是 JavaScript 中处理异步操作的重要方法之一，它允许我们在一个异步操作完成后执行特定的代码，处理异步操作返回的结果数据。在本文中，我们将详细讨论 Promise.then 的使用方法、原理和常见应用场景。
Promise.then 方法的使用方法
Promise.then 方法传入两个回调函数参数：一个用于异步操作成功的回调函数，一个用于异步操作失败的回调函数。如果一个异步操作成功完成，那么成功的回调函数将被执行，返回数据将传递给它；如果一个异步操作失败，那么失败的回调函数将被执行，错误信息将传递给它。
promise.then(onFulfilled[, onRejected])
其中 onFulfilled 是成功的回调函数，onRejected 是失败的回调函数。这两个参数都是可选的，如果不需要处理某个情况，可以省略相应的回调函数。
Promise.then 方法的原理
当一个 Promise 实例调用 then 方法时，它会返回一个新的 Promise 实例。如果 promise 操作成功完成，Promise.then 方法将把成功的结果作为 resolve，传递给新的 Promise；如果 promise 操作发生错误，则将错误对象作为 reject，传递给新的 Promise。
如果成功回调函数发生错误，会直接抛出异常，Promise.then 方法会将其作为新的 Promise 的 reject 值抛出。在这种情况下，可以在 then 方法中添加 catch 方法以捕获错误。
Promise.then 方法的常见应用场景
下面我们将讨论 Promise.then 方法的一些常见应用场景。
异步数据的处理
Promise.then 方法可用于异步数据的处理。例如，我们可以使用 Promise.then 对从服务器获取的数据进行处理：
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
// 处理获取的数据
})
.catch(error => {
// 处理错误
});上面的代码从指定的 URL 获取数据，使用 response.json() 方法将返回的数据解析为 JSON 格式，然后在第二个 then 方法中处理获取的数据。如果出现错误，将在 catch 方法中处理错误。
Promise 的链式调用
Promise.then 方法可以通过链式调用达到多个 Promise 实例的串联。例如，在以下示例中，我们使用 Promise.then 方法定义了一个 Promise 链，分别请求三个不同的数据：
-- -------------------- ---- -------
--------------------------------------
-------------- -- ----------------
----------- -- -
-- -- -----
------ ---------------------------------------
--
-------------- -- ----------------
----------- -- -
-- -- -----
------ ---------------------------------------
--
-------------- -- ----------------
----------- -- -
-- -- -----
--
------------ -- -
-- ----
---Promise.all 方法的使用
Promise.all 方法可以将多个 Promise 实例合并，并在它们全部完成时进行处理。其中，Promise.all 方法接受多个 Promise 对象作为参数，并返回一个新的 Promise 对象，该对象的 resolve 回调函数返回所有 Promise 实例的结果数组。
Promise.all([promise1, promise2, promise3]).then(values => {
// 处理返回的结果数组
}).catch(error => {
// 处理错误
});结语
了解 Promise.then 方法的使用方法、原理和常见应用场景可以帮助我们更好地处理 JavaScript 中的异步操作。当我们需要处理异步数据时，我们可以使用 Promise.then 方法进行处理；当我们需要串联多个 Promise 实例时，我们可以使用 Promise.then 方法进行链式调用；当我们需要同时处理多个 Promise 实例时，我们可以使用 Promise.all 方法进行处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e06146f6b2d6eab3b7515c