异步 promise +generator+async(未完成)

左手的ㄟ右手 2022-06-03 03:42 132阅读 0赞

#### Promise ####

简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

##### 特点 #####

1.  promise有三种状态:pending(进行中)、fulfilled(已成功)、rejected(已失败)。只有异步操作的结果可以决定当前是哪一种状态。

1.  一旦状态改变，就不会在变。状态的改变只有2种：从pending变为fulfilled，和从pending变为rejected.状态已经发生了，也可以对promise添加回调函数，也会立即得到这个结果。

3.当然也有缺点：无法取消promise，一旦新建就会立即执行，无法中途取消。不设置回调函数，promise内部抛出的错误，不会反应到外部。

##### 基本用法 #####

Promise是一个构造函数，用来生成Promise实例。

var promise = new Promise(function(resolve, reject) {
      // ... some code
    
      if (/* 异步操作成功 */){
        resolve(value);
      } else {
        reject(error);
      }
    });

resolve是异步操作成功时调用的，reject是失败时调用的

getJSON是对XMLHttpRequest对象的封装，用于发出一个针对JSON数据的HTTP请求，返回一个Promise对象。getJSON内部，resolve和reject都有参数，参数会被传递到回调函数，

Promise原型上也有then方法，then的第一个参数是resolve状态的回调函数，第二个参数是reject状态的回调函数。

then方法返回的是一个Promise对象，因此可以采用链式调用，即then方法后面调用另一个then

getJSON("/post/1.json").then(
      post => getJSON(post.commentURL)
    ).then(
      comments => console.log("resolved: ", comments),
      err => console.log("rejected: ", err)
    );

前一个then返回的是Promise对象，第二个then指定的回调函数，就会等待这个Promise状态发生变化。resolve调用第一个，rejectd调用第二个。

Promise.prototype.catch用于指定发生错误时的回调函数。

getJSON('/posts.json').then(function(posts) { 
      // ...
    }).catch(function(error) { 
      // 处理 getJSON 和 前一个回调函数运行时发生的错误
      console.log('发生错误！', error);
    });

返回resolve调用then，返回reject调用catch