Defining Handler Functions In A Prototye
I am trying to create a JavaScript prototype that will allow me to handle the outcome of a process in a similar way to the jQuery ajax call works. For example: var request = $.ajax
Solution 1:
I suppose you want to use this for an asyncrhonous task. Here is a somewhat similar solution:
var o = {
parma1: 'a',
param2: 'b',
doAsyncStuff: function(complete, error){
var someData = 0;
setTimeout(function(){
someData = 1;
complete(someData);
}, 500);
//or if something went wrong://error(someErrorData);
}
}
o.doAsyncStuff(function(data){
console.log('complete', data);
}, function(data){
console.log('error', data);
});
As requested, an updated version using deferred objects. I took myself the freedom to include progress
as well, in case you might need it:
var task = (function($){
var dfd = $.Deferred(),
cls = function(){
console.log('param passed:', arguments);
for(var i = 0; i < 5; i++){
var count = 0;
setTimeout(function(){
count++;
dfd.notify({ msg: 'interation ' + count + ' complete' });
if(count === 5)
dfd.resolve({ something: 1 });
//if anything goes wrong, //you can always reject the deferred://dfd.reject(args);
}, 1000 * i);
}
};
cls.prototype = {
done: dfd.promise().done,
fail: dfd.promise().fail,
always: dfd.promise().always,
progress: dfd.promise().progress
};
return cls;
})(jQuery);
var t = newtask({ foo: 'bar' }, 123, 'baz');
t.progress(function(data){
console.log('progress:', data);
}).done(function(){
console.log('done');
}).fail(function(){
console.log('fail');
}).always(function(){
console.log('always');
});
Post a Comment for "Defining Handler Functions In A Prototye"