在前端开发中，Promise 是一种非常常用的异步编程模式。它可以使得异步代码的执行更加清晰简洁。但是在继承链中使用 Promise 时会遇到一些问题，比如 Promise 的 then 方法会返回一个新的 Promise 对象，导致无法保留子类类型。本文将介绍如何在继承链中调用 Promise 并保留子类类型。
Promise 的继承
在 ES6 中，Promise 可以通过继承来扩展其功能。我们可以通过继承 Promise 来创建自己的 Promise 子类，并在子类中添加新的方法或修改继承的方法。
class MyPromise extends Promise {
myMethod() {
// 添加新方法
}
}在子类中添加的新方法可以在 Promise 实例中直接调用。
Promise 的 then 方法
Promise 的 then 方法是用来处理异步操作结果的方法，它接收两个参数：一个用于处理成功结果的回调函数和一个用于处理失败结果的回调函数。then 方法会返回一个新的 Promise 对象，这个新的 Promise 对象的状态和值取决于回调函数的执行结果。
myPromise.then( result => console.log(result), error => console.log(error) );
在继承链中使用 then 方法时，由于 then 方法返回的是一个新的 Promise 对象，无法保留子类类型。
-- -------------------- ---- -------
----- --------- ------- ------- -
---------- -
-- -----
-
-
----- --------- - --- ------------------- ------- -- -
-- ----
---
----- ---------- - --------------------- -- -
-- ------
---
---------------------- ---------- ----------- -- -----在上面的代码中，newPromise 的类型是 Promise，而不是 MyPromise。这是因为 then 方法返回了一个新的 Promise 对象，而不是 MyPromise 对象。
保留子类类型
为了保留子类类型，我们可以重写 then 方法，在子类中返回一个新的 MyPromise 对象。
-- -------------------- ---- -------
----- --------- ------- ------- -
---------- -
-- -----
-
----------------- ----------- -
----- ------ - ----------------------- ------------
------ --- ------------------- ------- -- -
-------------------- --------
---
-
-
----- --------- - --- ------------------- ------- -- -
-- ----
---
----- ---------- - --------------------- -- -
-- ------
---
---------------------- ---------- ----------- -- ----在上面的代码中，我们重写了 MyPromise 的 then 方法，在调用父类 Promise 的 then 方法后，返回一个新的 MyPromise 对象。
结论
在继承链中调用 Promise 时，由于 then 方法会返回一个新的 Promise 对象，无法保留子类类型。为了解决这个问题，我们可以重写 then 方法，在子类中返回一个新的 MyPromise 对象。这样就可以保留子类类型了。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673f06625ade33eb722d55e8