jquery

Question

का उपयोग किये बिना डिफरर्ड ऑब्जेक्ट को कार्यान्वित करें मैं jQuery का उपयोग किए बिना मूल डिफरर्ड ऑब्जेक्ट को कार्यान्वित करना चाहता हूं। यहां मैं कार्यों को हल और अस्वीकार करने के साथ ही केवल निष्पादित और विफल कॉलबैक लागू कर दूंगा। और इस समारोह के साथ 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> has no method 'fail'

मैं Deferred() समारोह के लिए लौट आए वस्तु 'प' पता नहीं है विधि()। और अगर मैं Deferred() से d.promise देता हूं तो इसमें कार्यों को हल और अस्वीकार नहीं किया जाएगा।

कृपया बताएं कि मैं डिफरर्ड ऑब्जेक्ट के सरल उद्देश्य को प्राप्त करने के लिए क्या त्रुटि कर रहा हूं। आप `new` साथ एक उदाहरण बनाने हैं तो आप` prototype` करने के तरीकों जोड़ना चाहिए http://jsfiddle.net/SyEmK/14/

Answer 1

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, arguments); 
    }, 
    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); 
});