Observable和Promise

二者的区别

• promise解决了嵌套地狱的问题；
  单纯使用ajax，如果需要同步操作，那么我们只能进行函数嵌套，要是嵌套的多了，会头疼的。
• 建立promise时立即执行操作，一旦执行，无法被取消；
  promise控制的操作会在实例化promise的时候立刻执行，而且无法中断。
• 可使用async,await让多个promise进行同步；
• promise只可以被执行一次，重复调用，promise内部直接返回之前的状态。
• promise一定是异步的，即使内部操作是即使是同步的，依旧会异步执行。

---

• Observable解决了promise只有一个结果，和不可以取消的问题。
• 在Observable被订阅时，开始执行操作。
  要使用徒步操作，需先使用toPromise()变成Promise对象才可以。
• 重复执行一个Observable，结果是一致的，内部操作被重复执行。
• Observable会根据内部操作去判别使用异步还是同步。

Observable

介绍 Observable 之前，我们要先了解两个设计模式：（会的可以直接跳过）

Observer Pattern ——（观察者模式） 去学习观察者模式

Iterator Pattern ——（迭代器模式）

这两个模式是 Observable 的基础，

Promise

Promise对象代表一个异步操作，有三种状态：
pending（进行中）
fulfilled（已成功）
rejected（已失败）
只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。

• 生成一个Promise对象。

const promise = new Promise(function(resolve, reject) {
   
// ... some code

if (/* 异步操作成功 */){
   
  resolve(value);
} else {
   
  reject(error);
}
});

Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。

• resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为
  resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去给then的第一个函数参数回调。

• reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为
  rejected），在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去给给then的第二个函数参数回调。

• 当代码出现错误的时候，promise将会调用catch回调函数

promise.then(function(value) {
   
  // value将resolve(value)提供的值接收
}, function(error) {
   
  // error将reject(value)提供的值接收
}).catch(function(error) {
   
  // promise运行时发生的错误
  console.log('发生错误！', error);
})

=========================================================================

以下是我自己做给自己的随笔，想认真学的，建议去看阮一峰老师写的。链接在这里
https://es6.ruanyifeng.com/#docs/promise

function promiseTest(){
   
    function timeout(ms) {
   
     return new Promise((resolve, reject) => {