Defer 대상 의 간단 한 실현
2264 단어 JavaScriptdefer
1. 여러 Defer 대상 을 동시에 사용 할 수 없습니다. 2. 실현 의 불완전 함.프레젠테이션 주소:http://runjs.cn/code/uh9uvnxk 코드 는 다음 과 같 습 니 다:
// Defer
// Defer done、fail、then、always
(function(window){
var Defer = function(){
return Defer.prototype.init();
}
Defer.prototype.init = function(){
this.state = 'init';
this.queue = {
success:[],
fail:[],
always:[]
}
return this;
}
Defer.prototype.resolve = function(){
this.state = 'resolved';
this.fire();
}
Defer.prototype.reject = function(){
this.state = 'rejected';
this.fire();
}
Defer.prototype.fire = function(){
if(this.state == 'resolved'){
var i = 0;
for(;i < this.queue.success.length; i++){
this.queue.success[i]();
}
}
else if(this.state == 'rejected'){
var i = 0;
for(;i < this.queue.fail.length; i++)
this.queue.fail[i]();
}
var i = 0;
for(; i < this.queue.always.length; i++){
this.queue.always[i]();
}
}
Defer.prototype.promise = function(){
var self = this;
return{
done: function(callback){
self.queue.success.push(callback);
//
return this;
},
fail: function(callback){
self.queue.fail.push(callback);
return this;
},
then: function(doneCallback, failCallback){
self.queue.success.push(doneCallback);
self.queue.fail.push(failCallback);
return this;
},
always: function(callback){
self.queue.always.push(callback);
return this;
}
}
}
window.Defer = Defer;
})(window)
//
// test
//
function test(){
var defer = Defer();
setTimeout(function(){
alert('Success');
defer.resolve();
// defer.reject();
}, 1000);
return defer.promise();
}
test().done(function(){
alert('done 01');
}).done(function(){
alert('done 02')
}).done(function(){
alert('done 03')
}).fail(function(){
alert('fail 01')
}).fail(function(){
alert('fail 02')
}).always(function(){
alert('always 01')
}).always(function(){
alert('always 02')
})
over
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.