在前端开发中，异步编程是非常常见的操作。而 Promise 就是其中一种非常重要且实用的异步编程解决方案。Promise 提供了一种让异步操作变得更加易于管理的方法，使我们可以更加优雅且可读性更高的编写异步操作。而其中的 Promise.then 方法则是 Promise 中内置的方法之一，今天我们就来深入了解一下 Promise.then 方法的使用。
Promise.then 方法是什么？
Promise.then 方法是 Promise 中的一个核心方法，负责接收 Promise 执行的结果回调函数。当 Promise 对象的状态变为 resolved 时，.then() 方法会被自动调用，传入 resolved 的值作为回调的参数。同时，.then() 方法也支持链式调用，而这也是 Promise 类的操作方式之一。
Promise.then 方法使用案例
下面我们通过一个简单的案例来讲解 Promise.then 方法的应用。
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - ------------- -- - ---------------- ------------ -- ------ --- --------------------- -- - -------------------- ------ ----- ------ -------- ------- ---------------- -- - -------------------- ---展开代码
上面的代码中，我们创建了一个 Promise 对象，它会在 2 秒后返回一个 resolved 状态，并将 'Promise resolved!' 作为传给 then 方法的参数。接着，我们使用 .then() 方法来获取返回的值并打印出来。注意到在第一个 .then() 方法中，我们又返回了一个值 'Then method returned value'，然后在链式方法中再进行了一次打印。这也是 Promise.then 方法所支持的链式调用方式，可以让异步代码更加可读性强烈并使其写起来更加优雅。
Promise.then 方法的错误处理
在编写异步程序时，错误处理是不可避免的。而 Promise 中的错误处理则通常是通过 catch() 或 then() 方法的第二个参数来处理的。
下面是一个简单的使用 case() 方法来处理错误的案例：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - ------------- -- - ---------- -------------- ------------- -- ------ --- --------------------- -- - --------------------- ---展开代码
以上代码中，我们返回了一个 reject 状态，并将一个新的错误作为参数传入。接着，我们通过 .catch() 方法来捕获这个错误并进行处理。
我们也可以通过 then() 方法的第二个参数来处理错误：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - ------------- -- - ---------- -------------- ------------- -- ------ --- --------------------- -- - -------------------- -- ------- -- - --------------------- ---展开代码
这段代码的作用与上一段代码类似，只是采用了不同的处理方式。以上两种方式，我们可以根据自身的习惯来进行选择。但需要注意的是，正确地进行错误处理在编写异步代码中非常重要，也是一个写出高质量代码的重要组成部分。
总结
以上就是 Promise.then 方法的详细应用讲解。通过本文，我们了解了 Promise.then 的基本原理及其应用场景，也讲解了在异步代码中常见的错误处理方案。
使用 Promise.then 方法，我们可以得到更加优雅且可读性更强的异步代码，实现异步操作变得更加简单、有效。希望本文对你了解和学习 Promise.then 方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454b7d6968c7c53b0881d34
