add observable.md

Author: buynao

README.md

@@ -45,7 +45,7 @@
 > 基础
 
 1. [“use strict” 是如何工作的？](./contents/basic/use_strict.md)
-2. [闭包是如何工作的？](./contents/basic/closures.md)
+2. [闭包 是如何工作的？](./contents/basic/closures.md)
 3. [new 是如何工作的？](./contents/basic/new.md)
 4. [this 的运行原理？](./contents/basic/this.md)
 5. [在 JavaScript 中循环遍历数组](./contents/basic/loopArray.md)
@@ -61,6 +61,7 @@
 15. [在 JavaScript 中如何把字符转换成ASCII编码？](./contents/basic/ascii.md)
 16. [在 JavaScript 中 addEventListener 和 onclick 之间有什么区别？](./contents/basic/onclick.md)
 17. [在 JavaScript 中如何判断一个 number类型 是浮点数还是整数？](./contents/basic/integerVsFloat.md)
+
 - todo ...
 
 > 进阶
@@ -70,21 +71,26 @@
 3. [什么时候应该使用encodeURI，而不是encodeURIComponent？](./contents/advanced/encode.md)
 4. [WebSocket 和 Socket.IO 之间的区别](./contents/advanced/socketVSwebscocket.md)
 5. [ES6 中 WeakMap 的实际用途是什么？](./contents/advanced/weakMap.md)
+6. [Promise 和 Observables 之间的区别](./contents/advanced/observable.md)
+
 - todo ...
 
 > Typescript
 
 1. [TypeScript是什么，为什么要用它来代替JavaScript？](./contents/typescript/index.md)
 2. [TypeScript中 接口(interface) 与 类型(type) 的区别是什么？](./contents/typescript/interface.md)
+
 - todo ...
 
 > React
 
 1. [React 中, state 和 props 的区别是什么？应该怎么使用？](./contents/react/stateVsProps.md)
 2. [React Context 和 React Redux 的区别是什么？应该怎么使用？](./contents/react/context.md)
+
 - todo ...
 
 > Node.js
 
 1. [package.json 中，版本前的符号 ~ 和 ^ 有什么区别？](./contents/node/packageJSON.md)
+
 - todo ...

contents/advanced/observable.md

@@ -0,0 +1,33 @@
+## 问题：Promise 和 Observables 之间的区别
+
+在 `Angular/RxJs` 中， `Promise` 和 `Observable` 的区别是什么？
+
+## 答案
+
+### Promise
+
+`Promise` 擅长处理单一的事件，比如等待一个异步操作，监听它的完成或失败。
+
+注意：目前有一些支持取消的 `Promise` 库，但到目前为止还没有官方的取消规范。
+
+### Observable
+
+`Observable` 就像 `Stream`，允许传递零或多个事件，每个事件的回调都会进行调用。
+
+它也比 `Promise` 更灵活一些，因为它提供了比 `Promise` 更多的功能。
+
+有了 `Observable` ，无论你想多少个事件都不重要，你可以使用相同的 `API` 处理不同的情况。
+
+与 `Promise` 相比，`Observable` 还具有可取消的优势。
+
+`Observable` 的订阅是允许取消的，当你不再需要服务器的 `HTTP` 请求或其他昂贵的异步操作的响应结果时，随时可以取消。
+
+而 `Promise` 一旦执行，始终会调用成功或失败，即使你不再需要它提供的结果。
+
+`Promise` 会立即启动，而 `Observable` 只有在你订阅它时才会启动，因为 `Observable` 是惰性的。
+
+`Observable` 提供了类似数组的一些操作符：像 map、forEach、reduce..., 方便你对异步的结果进行处理。当然，也有一些更强大的 [RxJS操作符](https://rxjs-dev.firebaseapp.com/guide/operators)
+
+因其惰性执行的特性，可以在观察器被订阅执行之前建立一连串的操作符，以进行更加声明式的编程方式。
+
+> 问题来源：[https://stackoverflow.com/questions/37364973/what-is-the-difference-between-promises-and-observables](https://stackoverflow.com/questions/37364973/what-is-the-difference-between-promises-and-observables)