jquery deferred小结

jquery deferred是一个异步回调的机制

• 目前，jQuery的Ajax方法（$.ajax,$get,$post）返回的都是Promise对象。
• 异步回调的适合作用于i/o事件，要等待用户动作才能做出相应的callback。
  • 　　比如，传递promise对象就相当于声明：“你感兴趣的某某事就要发生了，想知道什么时候完事吗？给这个promise一个回调就行了！“

• promise对象和EventEmitter对象一样，允许向同一个事件绑定任意多的处理器（堆积技术）
  • 　　如$(‘#doucment‘).click(callback1).click(callback2);    ----EventEmitter
  •       fn().then(callback1).then(callback2ForCallback1);    ----promise
• Promise对象有多个结果
  • 　　done(callbakc)
  •       fail(callback)
  •       always(callback)    不管成功失败总是调用
  •       progress(callback)   对于挂起状态的Deferred对象调用notify时，运行progress回调
• Deferred是promise对象的超集，它比Promise多了一项关键特性：可以直接触发；而纯Promise实例只允许添加多个调用，而且必须由其他什么东西触发调用
  • 　　resolve()会直接触发done
  •       reject()会直接触发fail
  •       notify会调用我们设定的progress回调
  •       三者都能接受任意参数

        <textarea id="document"></textarea>
        <p id="indicator"></p>
    
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
        //创建一个deferred对象
        var defer = $.Deferred();
        var wordGoal = 30;
        //defer挂起时的callback
        defer.progress(function (wordCount) {
            var percentComplete = Math.floor(wordCount/wordGoal*100);
            $(‘#indicator‘).text(percentComplete + ‘%complete‘);
        });
        //defer完成时的callback
        defer.done(function(msg) {
            $(‘#indicator‘).text(msg);
        });
    
        //事件回调
        $(‘#document‘).on(‘keypress‘, function() {
            var wordCount = $(this).val().split(/\s+/).length;
            //回调中监听完成事件并触发
            if (wordCount >= wordGoal) {
                defer.resolve(‘Good job!‘);
            }
            //回调中监听挂起事件并处罚
            defer.notify(wordCount);
        });
        </script>

     

　　    *一旦执行了defer对象，再做defer的notify将不会有任何反应，就像任何额外的resolve调用及reject调用也会被无视一样