JSで複雑な同期・非同期処理のメソッド同士で、自動的に完全な同期処理を行うメソッドを作りたい

Question

###前提・実現したいこと

javascript(jquery)

```引数に配列にしたメソッドを渡すと、中身の同期・非同期処理の有無に関係なく配列のメソッドごとに同期をとりながら処理を行うメソッドを作りたいと思っています。


###発生している問題・エラーメッセージ

今のところ引数側のコールバック内でDeferredにresolveすることで一応同期処理はできていますが、
処理に複数の非同期処理があった場合、メソッド利用側で判断が必要になり利便性が下がることや
引数側に複雑な処理を行うことが難しいので、Deferredに関する処理をメソッド側だけで自動化したいです。

###該当のソースコード
```ここに言語を入力

function _runDfdFuncArray(funcArray, recursive) {
	if (recursive) funcArray.shift();

	if (funcArray.length == 0)
		return false;

	var promise = funcArray[0]();

	$.when(promise).done(function() {
		_runDfdFuncArray(funcArray, true);
	});
}

var options = [
  function(){
    var dfd = $.Deferred();
    
    setTimeout(function(){
      console.log("d1");
      dfd.resolve();
    },2000);

    return dfd;
  },
  function(){
    var dfd = $.Deferred();
    
    setTimeout(function(){
      console.log("d2");
      dfd.resolve();
    },2000);

    return dfd;
  },
  function(){
    var dfd = $.Deferred();
    
    setTimeout(function(){
      console.log("d3");
      dfd.resolve();
    },2000);

    return dfd;
  }
];

runDfdFuncArray(options);

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)

Comments

[kei344]

「発生している問題」の部分はコードでないので、コードブロックで囲む必要はありません。

Answer 1

$.whenにDeferred以外の値が渡された場合、自動でそれをDeferredに包んで動作します。なので、今の時点で同期と非同期な関数、どちらにも対応できていると思うのですが、何が問題なのでしょうか？

Comments

[mcaz]

ご回答ありがとうございます。
今のところ下記‘(1)のように引数を指定していますが、最終的に(2)のような処理を渡したいと思っています。
(2)の処理を渡す場合は同期処理に対応できないことが問題になります。

(1)
function(){
var dfd = $.Deferred();

setTimeout(function(){
console.log("d1");
dfd.resolve();
},2000);

return dfd;
}

(2)
function(){
setTimeout(function(){
console.log("d1-1");
},2000);

setTimeout(function(){
console.log("d1-2");
},10000);

setTimeout(function(){
console.log("d1-3");
},4000);
},

[mcaz]

追記です。

この際に、(2)内での処理同士で同期をとる必要はないのですが、引数に渡すメソッド（配列）同士での同期をとりたいと考えています。

[MakeNowJust]

要するに(2)のような処理で、中のsetTimeoutが全て完了したときに次の処理に進みたいということでしょうか？

[MakeNowJust]

次のコメントが来ていることに気が付きませんでした。ごめんなさい。

[MakeNowJust]

配列同士の同期とはどういうことでしょうか？　配列の1つ目の関数を実行→終了後に2つ目の関数を実行というように逐次的に実行したいということでしょうか？

[mcaz]

その通りです。
わかりにくくてすみません。。

[MakeNowJust]

それでは、配列の1番目に(2)のような関数、2番目に(1)のような関数があったときは、どのように実行されることを期待していますか？　(2)の中のsetTimeoutが全て終わったあとに(1)を実行したいですか？

[mcaz]

そのように考えています。
配列に入れるメソッドがいくつであれ同じ逐次処理をしたいです。
中の処理の両や内容に関係なく同期をとりたいと考えています。

配列[1]
配列[2] 1の中の処理がすべて終了しきってから実行
配列[3] 2の中の処理がすべて終了しきってから実行

[MakeNowJust]

それならrunDfdFuncArrayで対応するのはあまり得策ではないように思います。

次のリンク先に書いたように(2)を書き変えて、全てのsetTimeoutの実行が終わったあとに終了するDeferredオブジェクトを返すようにした方がいいです。
https://gist.github.com/MakeNowJust/51015ae01a38a5b010cec7f8aff3b0ae