/**
* 唔……一个自己实现的promise……
* es6已经有自己的promise方法了
* 而且这个promise不是符合规范的
* 但是对了解异步思想有帮助,那就走一遍~
* */
/*
有点长,这是一个waiter,里面包括了promise
对外不用关注细节,基本上就是说,我们用waiter.Deferred 创建一个对象,这个对象有reject和resolve方法
当异步的事情完成后调用这2个方法,然后这个对象需要放到waiter.when里面去就可以了
对内来说,当调用resolve的时候,检查是不是所有的都resolve了,如果是,执行回调
当当用reject的时候,直接取消观察一切,并且执行回调
*/
function Waiter() {
// 注册的容器,他们都有异步的事情,当他们的事情都做完后,执行回调
var dfd = [],
// 成功的回调
doneArr = [],
// 失败的回调
failArr = [],
slice = Array.prototype.slice,
that = this;
var Promise = function() {
this.resolved = false;
this.rejected = false;
};
Promise.prototype = {
resolve: function() {
this.resolved = true;
// 应该可以没有这句把,没有监控对象……那说明是即时resolve 也挺好啊,类似于es6的 Promise.resolve
// if (!dfd.length) return;
for (var i = dfd.length - 1; i >= 0; i--) {
// 与比或优先级高,这里是说如果失败或者还没有resolved的话,就返回
if (dfd[i] && !dfd[i].resolved || dfd[i].rejected) {
return;
}
dfd.splice(i, 1);
}
// 到这里数组肯定为0了,不为0的话前面return了或者还在循环
_exec(doneArr);
},
reject: function() {
this.rejected = true;
if (!dfd.length) return;
// 失败清除全部监控对象
dfd.splice(0);
_exec(failArr);
}
};
that.Deferred = function() {
return new Promise();
};
function _exec(arr) {
var i = 0, len = arr.length;
for (; i < len; i++) {
try {
arr[i] && arr[i]();
} catch (e) {
}
}
}
that.when = function() {
dfd = slice.call(arguments);
var i = dfd.length;
for (--i; i >= 0; i--) {
if (!dfd[i] || dfd[i].resolved || dfd[i].rejected || !dfd[i] instanceof Promise) {
dfd.splice(i, 1);
}
}
return that;
};
that.done = function() {
doneArr = doneArr.concat(slice.call(arguments));
return that;
};
that.fail = function() {
failArr = failArr.concat(slice.call(arguments));
return that;
}
}
var waiter = new Waiter();
function first(waiter) {
var dtd = waiter.Deferred();
setTimeout(function() {
console.log('first finish');
dtd.resolve();
},
500);
return dtd;
}
function second(waiter) {
var dtd = waiter.Deferred();
setTimeout(function() {
console.log('second finish');
dtd.resolve();
},
2000);
return dtd;
}
waiter.when(first(waiter), second(waiter)).done(function() {
console.log('all finished');
});
JavaScript设计模式(三十二)【等待者模式】
最新推荐文章于 2022-02-27 12:37:48 发布