Javascript Promise

傷城~ 2022-06-16 02:29 170阅读 0赞

转自[http://www.jianshu.com/p/063f7e490e9a][http_www.jianshu.com_p_063f7e490e9a]  
ES6 原生提供了 Promise 对象，所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。  
1. Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。  
2. Promise 对象的状态改变，只有两种可能：从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，你再对 Promise 对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

Promise 对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。

Promise 也有一些缺点。首先，无法取消 Promise，一旦新建它就会立即执行，无法中途取消。其次，如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部。第三，当处于 Pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

*Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 方法和 reject 方法。*  
*如果异步操作成功，则用 resolve 方法将 Promise 对象的状态，从「未完成」变为「成功」（即从 pending 变为 resolved）；*  
*如果异步操作失败，则用 reject 方法将 Promise 对象的状态，从「未完成」变为「失败」（即从 pending 变为 rejected）。*

//利用构造参数处理异步结果
    var promise = new Promise(function(resolve, reject) { 
     if (/* 异步操作成功 */){
     resolve(value);// success
     } else {
     reject(error);// failure
     }
    });
    
    //利用对象处理异步结果
    promise.then(function(value) { 
     // success
    }, function(value) { 
     // failure
    });

实际开发中的应用：

[http_www.jianshu.com_p_063f7e490e9a]: http://www.jianshu.com/p/063f7e490e9a