Promise 和 Observable 的区别及适用场景
Promise
Promise 是 ES6 引入的一个异步编程的解决方案，它主要是用来解决 JavaScript 中的回调地狱问题。Promise 可以返回正在执行的异步操作的结果，也可以返回已经完成的异步操作的结果，这些结果是通过 then() 和 catch() 方法来获取的。
Promise 的主要特点是：一旦 Promise 的状态发生变化就不能再次改变，同时 Promise 的状态只有三种：pending（未完成） 、fulfilled（已完成）和 rejected（已失败）。Promise 可以链式调用，每个 then() 方法都会返回一个新的 Promise，这样可以使代码变得更加清晰简洁。
下面是一个简单的 Promise 示例代码：
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- ---- ------
---------- - -------- -- -
-- ----------- --- ---- -
--------------------------
- ---- -
---------- -----------------------
-
--
----------- - -------- -- -
---------- -------------- ---------
--
-----------
---
-
--------------------------------------------------------
---------------- -- ----------------------
-------------- -- --------------------Observable
Observable 是一个创建异步数据流的类，它可以用来处理多个异步事件的序列。Observable 可以解决 Promise 的一些问题，比如可以取消一个异步任务，还可以使用 map、filter、reduce 等操作符来处理异步请求。
Observable 有一个 next() 方法，用来告诉订阅者有新的数据产生了；有一个 complete() 方法，用来告诉订阅者数据已经全部产生了；还有一个 error() 方法，用来告诉订阅者数据产生过程中出现了错误。
下面是一个简单的 Observable 示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- -------
-------- ------------- -
------ --- --------------------- -- -
----- --- - --- -----------------
--------------- ---- ------
---------- - -------- -- -
-- ----------- --- ---- -
--------------------------------
--------------------
- ---- -
------------------ -----------------------
-
--
----------- - -------- -- -
------------------ -------------- ---------
--
-----------
------ -- -- -
------------
--
---
-
--------------------------------------------------------
--------------------- -- ---------------------- ------- -- --------------------Promise 和 Observable 的区别
Promise 和 Observable 最大的区别在于 Observable 可以发出多个值，而 Promise 只能发出单个值。此外，Observable 可以取消一个异步任务，而 Promise 不能。
Observable 可以在任何时候发出值，比如异步任务正在进行中，这个时候 Promise 就不行了，只能在异步任务完成后才能返回值。
另外，Observable 可以使用操作符来处理异步数据流，而 Promise 没有这个功能。
适用场景
Promise 主要用于解决一次性异步操作的问题，比如 Ajax 请求等。Observable 主要用于处理多次异步操作的问题，比如鼠标和键盘事件等。
如果需要处理一个需要长时间运行的异步任务，并且这个任务可能会被取消，则应该使用 Observable。如果只需要处理一个简单的异步任务，则可以使用 Promise。
总结
Promise 和 Observable 都是用来处理异步任务的工具，它们各自有自己的优缺点和适用场景。在实际开发中，需要根据具体的需求来选择使用哪种工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6540f4bc7d4982a6eba95038