Javascriptで直列で3つ以上の処理を順番に発火させたい

Question

表題の通りで

Javascript単純に1の処理が終わったら2の処理、2の処理が終わったら3の処理と直列処理をしたいのですが
なかなか期待通りの結果になりません

$.when(
).done(function(){
});

これなどが近いと思うのですが１，２が並列で３が最後の処理しかできず
１→２→３　直列のサンプルがどこにもありませんでした

Javascriptは順番に処理するような直列処理は向いていないのでしょうか
直列処理が必須なアニメーションなどはどうやって作ってるんでしょう？？

分かる方お教えくださいませ

Comments

[masaya_ohashi]

実際にどのように書いたかが明示されないと我々も原因がわかりません。

Answer 1

$.whenで順次処理したいなら2重化することです
以下、本来なら3,2,1と表示されるものを前から順番に処理しています

$.when(def=$.Deferred(),setTimeout(function(){
  console.log(1);
  def.resolve();
},300)).done(function(){
  $.when(def=$.Deferred(),setTimeout(function(){
    console.log(2);def.resolve();
  },200)).done(function(){
    setTimeout(function(){
      console.log(3)
      },100);
  });
});

Comments

[tesopgmh]

ありがとうございます！
やっぱりネストしていくしか方法はないんですね！

お教えいただいた方法で実装していきたいと思います
ありがとうございました！

Answer 2

アニメーションですか？

$('#a').animate({ left: '200px' }).animate({ top: '200px' }).animate({ left: '0px' }).animate({ top: '0px' });

https://api.jquery.com/animate/

Comments

[tesopgmh]

yambejp様に教えていただいた方法で解決しました、回答ありがとうございました