Promise的一点感悟~
在什么大环境下?
今天要讨论的Promise,是js的同步|异步任务的概念下出来的
什么是同步?什么是异步?
我的理解:
一件事情Q
分三部分:Q1 , Q2 , Q3
同步方式完成: Q1 -> Q2 -> Q3
异步方式完成: Q1_1 -> Q2 -> Q3 - >Q1_2 【Q1_1 至 Q1_2期间可以有一个代理的角色Promise ~~】
什么是Promise?
很多地方这么解释:Promise是一种更好的代码组织方式,提供一种【全新的视角】来理解异步回调
我所理解的视角的含义有几种:
电影中经常会出现视角这个词,个人觉得视角的选择影响环境呈现、人物的心情表达。。。
小说中也经常会出现视角这个词,从不同的视角出发去观察、思考会有不同的效果。。
画画。。。
瞬间感觉艺术的相通性。。此时有点心虚
辣么问题来了?Promise提供的全新的视角是什么?
我脑海里有一个这样的画面:
一个初入职场的小女孩Y,懵懂、青春、聪明、努力。刚开始工作的时候,感觉自己全身被一道道充盈的力量的金光包围着。
她一天的基本工作可分为A,B,C,D,其中不定期会有一些老大或是同事穿插的事件W1,W2,W3.....
刚开始的时候,对于W类事件,她会很热情的立即回应:"等一下哈,等我做完手头上的事,马上进入W类事件。。。"
如果是W1-3的范围的时候还OK,但是当(W>3甚至达到10以上),再这样毫无规律自然的答复缺乏管理,也不专业。
Y总结分析了平时的情况,想到一个方法,使事情看起来不会杂乱,以导致看起来自己忙忙碌碌、没什么成就的赶脚。她找来
一个本子做代理【代理这个异步任务】,大家只要按照顺序的把事情告诉她,只要她有空方便的时候就可以一一帮忙完成了。
这个本子就记录每一个事件的三个状态【未开始、完成:收获结果、任务失败:失败原因】。这样处理之后,YY觉得自己的工作
更在自己的把控之内了,且完成的有条理、更清晰舒服。
----- - ——~~
如何实现一个Promise?
1.异步对象状态和回调函数如何分离
2.如何实现链式调用及管理状态
var PENDING = 1,
RESOLVED = 2,
REJECTED = 3;
function Promise(fn){
var self = this;
self.state = PENDING;
self.value = null;
self.handlers = [];
function fulfill(result){
if(self.state === PENDING) {
self.state = RESOLVED;
self.value = result;
for(var i = 0, len = self.handlers.length; i <len; i++) {
self.handlers[i](result);
}
}
}
function reject(error){
if(self.state === PENDING) {
self.state = REJECTED;
self.value = error;
}
}
fn && fn(fulfill, reject);
}
Promise.prototype.then = function(onResolved, onRejected){
return new Promise(function(resolve, reject){
var onResolvedFade = function(val){
var ret = onResolved? onResolved(val): val;
if(Promise.isPromise(ret)) {
//回调函数返回值也是Promise
ret.then(function(val){
resolve(val);
});
}else {
resolve(ret);
}
}
var onRejectedFade = function(val){
var ret = onRejected? onRejected(val) : val;
reject(ret);
};
//只是成功的回调进入容器
self.handlers.push(onResolvedFade);
if(self.state === FULFILLED) {
onResolvedFade(self.value);
}
if(self._status === REJECTED) {
onRejectedFade(self.value);
}
});
}