ES6 Promise对象学习心得

时间：2021-01-11 16:43:11

学习了阮一峰老师的ES6入门，在学习fetch的时候顺带复习一下promise，特此记录下自己的一些理解。

基本用法

var promise_ex = new Promise(function(resolve, reject){
//some code

if (/*判断异步操作成功的条件 */){
        resolve(value);
    } else {
        reject(error);
    }
});

Promise对象一共有三种状态：pending(未完成)、resolved(成功)、rejected(失败)。上面代码中resolve()函数执行后就告诉Promise对象将状态改为成功，而reject()函数则相应地把状态改为失败，两个函数都可以传入参数给回调函数使用。

promise_ex.then(function(value){
//成功时需要执行的代码
},function(error){
//失败时需要执行的代码
});

then方法可以接受两个回调函数作为参数，其中第二个函数不是必需的。then方法作用相当于明确promise实例的成功回调函数和失败回调函数。所以使用Promise的思路是在new一个promise对象时做好判断（什么时候执行resolve，什么时候执行reject），然后再使用then方法分别写好成功和失败的回调函数。

执行流程

let promise = new Promise(function(resolve, reject) {
  console.log('Promise');
  resolve();
});

promise.then(function() {
  console.log('Resolved.');
});

console.log('Hi!');

// Promise
// Hi!
// Resolved

then方法指定的回调函数将在当前脚本所有同步任务执行完才会执行。

链式then调用

then的作用是为promise实例添加回调函数，但它返回的是一个新的promise实例（不同于原来调用它的实例）。因此可以采用链式写法。

getJSON("/posts.json").then(function(response) {
return response.data;
}).then(function(data) {
  // ...
  console.log(data);
});

上面的代码中第一个then中的回调函数完成后会把其返回结果作为参数传入第二个then中的回调函数。

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

如果前一个回调函数返回的是一个promise对象（即有异步操作），这时后一个回调函数会等待该promise对象的状态改变后才会被调用。上面代码中getJSON(post.commentURL)返回的promise对象如果变为resolved，就会调用funcA

finally()方法

finally方法接受一个回调函数作为参数，不管promise对象的状态是什么都会执行。
下面是一个例子，服务器使用Promise处理请求，然后使用finally方法关掉服务器。

server.listen(0)
  .then(function () {
// run test
  })
  .finally(server.stop);
标签：

相关文章