在前端开发中，我们经常会使用 Promise 进行异步处理。Promise 有一个好处就是可以链式调用，但是在链式调用中，如果 thenable 对象的错误处理不当，就可能导致整个 Promise 链的中断。本文将介绍如何正确处理 Promise 链式调用中 thenable 的错误，并提供兼容性解决方案。
thenable 对象的错误处理
在 Promise 链式调用中，如果 thenable 对象返回的是一个 Promise 对象，那么这个 Promise 对象会被插入到整个 Promise 链中。但是，如果 thenable 对象返回的是一个非 Promise 对象，那么这个对象会被转换成一个 Promise 对象，并且这个 Promise 对象的状态会被设置为 fulfilled。
在 thenable 对象的处理过程中，如果 thenable 对象抛出了一个错误，那么这个错误就会被传递到下一个 thenable 对象中。如果下一个 thenable 对象没有正确处理这个错误，那么整个 Promise 链就会中断。
为了正确处理 thenable 对象的错误，我们需要在 thenable 对象中使用 try-catch 语句捕获错误，并将错误作为 rejected 状态的 Promise 对象进行返回。下面是一个示例代码：
-- -------------------- ---- -------
----- -------- -
---------------- -
-------- - ----
-
------------- ------- -
------------- -- -
--- -
-- --------- - -- -
---------------- - ---
- ---- -
----- --- ------------- -- --- --------
-
- ----- --- -
----------
-
-- ------
-
-
-----------------
-------- -- -
------ --- ------------
--
-------------- -- -
--------------------
--
---------- -- -
-----------------
---在上面的代码中，我们使用 try-catch 语句捕获了错误，并将错误作为 rejected 状态的 Promise 对象进行返回。这样，就可以正确处理 thenable 对象的错误，避免整个 Promise 链的中断。
兼容性解决方案
在实际开发中，我们需要考虑到浏览器的兼容性问题。在早期的浏览器中，Promise 对象的 then 方法可能不支持 thenable 对象的处理，这就会导致 thenable 对象的错误无法正确处理。为了解决这个问题，我们可以使用一个 polyfill 库，比如 es6-promise。这个库可以在不支持 Promise 对象的浏览器中提供 Promise 对象的支持。
另外，如果我们需要支持更老的浏览器，比如 IE6、IE7，那么我们可以使用一个类似 jQuery 的库，比如 Q.js。这个库提供了类似 Promise 的 API，可以在不支持 Promise 的浏览器中提供 Promise 的支持。
下面是一个使用 es6-promise 库的示例代码：
-- -------------------- ---- -------
------ ------- ---- --------------
----- -------- -
---------------- -
-------- - ----
-
------------- ------- -
------------- -- -
--- -
-- --------- - -- -
---------------- - ---
- ---- -
----- --- ------------- -- --- --------
-
- ----- --- -
----------
-
-- ------
-
-
-----------------
-------- -- -
------ --- ------------
--
-------------- -- -
--------------------
--
---------- -- -
-----------------
---在上面的代码中，我们使用 es6-promise 库来提供 Promise 对象的支持。这个库可以在不支持 Promise 的浏览器中提供 Promise 的支持，从而保证 Promise 链式调用的正确性。
结论
在 Promise 链式调用中，正确处理 thenable 对象的错误是非常重要的。如果 thenable 对象的错误没有正确处理，就可能导致整个 Promise 链的中断。为了解决这个问题，我们可以使用 try-catch 语句捕获错误，并将错误作为 rejected 状态的 Promise 对象进行返回。另外，在考虑浏览器兼容性时，我们可以使用 es6-promise 或类似 jQuery 的库来提供 Promise 对象的支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6753affe8bd460d3ada6cb9b