jQuery.Deferred in recursive cycle

Question

코드에서 비동기 함수에 복잡한 문제가 있습니다. 개체가있어서 다른 기능 (애니메이션, 콘텐츠 분석 등)을 적용해야합니다.

this.buildChain = function (data, func, func_at, func_after) { 

      //first I launch some function    
      func.apply(animData, arguments); 

      //then I filter an array of objects    
      data.filter(function(e){ 
       if(e.trigger == 'at' && e.link == animData.id) return true; 
      }).forEach(function(e){ 

       //And apply the function to all objects that've been filtered 
       //These functions apply at the same time as the first, "func"     
       func_at.apply(e, arguments); 
      }); 

      //When my "func" and all "func_at" operations are resolved, I have 
      //to filter my array again and execute "func_after" function 
      data.filter(function(e){ 
       if(e.trigger == 'auto' && e.link == animData.id) return true; 
      }).forEach(function(e){ 
       func_after.apply(e, arguments); 
      }); 

     }; 

것은 내가 재귀 기능이 buildChain 기능을 적용 할 필요가 있다는 것입니다 :

내가 아는

function playChain(animData){ 

      function func() { 
       //some action 
      } 

      function func_at() { 
       playChain(this); 
      } 

      function func_after() { 
       playChain(this); 
      } 

      s.buildChain(data, animData, func, func_at, func_after); 
     } 

, 어떻게 든 jQuery.Deffered() 개체에 해결 될 수 있지만이 올 때 나는 박히면서 그 재귀 사이클. 실제 사슬은 객체에서 시작될 수 있기 때문에 func_at, 그 다음에 하나가 func_after이고, 다시 func_at이됩니다.

Answer 1

반환 된 답변을 $.Deferred() 개체를 내 기능에 추가했습니다.

function playChain(animData){ 

      function func() { 
       //some action 
       return new $.Deferred().resolve(); 
      } 

      function func_at() { 
       playChain(this); 
      } 

      function func_after() { 
       playChain(this); 
      } 

      s.buildChain(data, animData, func, func_at, func_after); 
     } 

그런 다음 buildChain 함수를 수정했습니다.

this.buildChain = function (data, animData, func, func_at, func_after) { 

      function act1() { 

       var d = func.apply(animData, arguments); 

       data.filter(function(e){ 
        if(e.trigger == 'at' && e.link == animData.id) return true; 
       }).forEach(function(e){ 
        func_at.apply(e, arguments); 
       }); 
       return d; 
      } 

      function act2() { 
       data.filter(function(e){ 
        if(e.trigger == 'auto' && e.link == animData.id) return true; 
       }).forEach(function(e){ 
        func_after.apply(e, arguments); 
       }); 
      } 

      act1().done(act2); 
     };