我想在不使用jQuery的情况下实现基本的Deferred对象.在这里,我将仅实现已完成和失败的回调,具有解析和拒绝功能.和ofCourse将promise方法与此函数相关联.
我在纯js(编辑)中执行以下实现:
function Deferred() { var d = {}; d.resolve = function() { d.done(arguments); } d.reject = function() { d.fail(arguments); } d.promise = function() { var x = {}; x.done = function(args) { return args; } x.fail = function(args) { return args; } return x; } return d; } var v; var setVal = function() { var d = new Deferred(); setTimeout(function() { v = 'a value'; d.resolve(this); },5000); return d.promise(); }; setVal().done(function() { console.log('all done :' + v); });
但是上面给出了错误:Object#< Object>没有方法’失败’
我知道Deferred()函数的返回对象’d’没有方法done().如果我从Deferred()返回d.promise,则不会有解析和拒绝函数.
请指出我为实现Deferred对象的简单目标所犯的错误.
这是我正在做的小提琴:http://jsfiddle.net/SyEmK/14/
解决方法
function Deferred(){ this._done = []; this._fail = []; } Deferred.prototype = { execute: function(list,args){ var i = list.length; // convert arguments to an array // so they can be sent to the // callbacks via the apply method args = Array.prototype.slice.call(args); while(i--) list[i].apply(null,args); },resolve: function(){ this.execute(this._done,arguments); },reject: function(){ this.execute(this._fail,done: function(callback){ this._done.push(callback); },fail: function(callback){ this._fail.push(callback); } } var v; var setVal = function() { var d = new Deferred(); setTimeout(function() { v = 'a value'; d.resolve(this); },5000); return d; }; setVal().done(function() { console.log('all done :' + v); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。