[javascript]掲載したコード内のPromiseの処理がどう動いているのかが分からない

Question

前提・実現したいこと

以下のコードを読み解くことができません。
特に、sequenceTasks関数の中で行われている

return promise.then(task).then(pushValue)

がよく分かりません。
thenの引数に指定されたpushValue関数の引数にはresultsとvalueがありますが、
どこでそれが渡っているのでしょうか。

該当のソースコード

function sequenceTasks(tasks) {
    function recordValue(results, value) {
        results.push(value);
        return results;
    }
    var pushValue = recordValue.bind(null, []);
    return tasks.reduce(function (promise, task) {
        return promise.then(task).then(pushValue);
    }, Promise.resolve());
}

var promises = {
  doTaskA: function() {
    return taskA().then();
  },
  doTaskB: function() {
    return taskB(value).then();
  }
};

function taskA() {
  return new Promise(function(resolve, reject) {
    setTimeout(function () {
      console.log('taskA');
      resolve('taskA death');
    }, 16);
  });
}

function taskB(value) {
  return new Promise(function(resolve, reject) {
    setTimeout(function () {
      console.log(value);
      console.log('taskB');
      resolve('taskB death');
    }, 1);
  });
}

function main() {
 return sequenceTasks([promises.doTaskA, promises.doTaskB]);
}

main().then(function(value) {
  console.log('then');
  console.log(value);
// taskAもしくはtaskBでエラーの場合に呼び出される
}).catch(function(error) {
  console.log(error);
});

試したこと

引用したコードが掲載されているサイト（https://qiita.com/toshihirock/items/e49b66f8685a8510bd76）
のほか、
https://qiita.com/toshihirock/items/e49b66f8685a8510bd76
https://rightcode.co.jp/blog/information-technology/javascript-async-await
などを見てみました。

Answer 1

promise自体はtaskAとtaskBが返しているpromiseで
return promise.thenはpromisesに設定されたdoTaskA/Bが
受け取ったpromiseをreduceで受け渡したpromiseという変数

Comments

[ahaa]

8行目の
promise.then(task).then(pushValue);
のtaskもpromises.doTaskA, promises.doTaskBが渡されているという認識で大丈夫でしょうか。
thenにtaskが渡されると、それが処理され、resolve("taskA death")の結果としてtaskA deathが返されるのでしょうか。
頭がこんがらがってしまい、滅茶苦茶な文章で申し訳ございません。

[yambejp]

https://codepen.io/yambejp/pen/GRJqLVK

コールバックを全部分解しておきました
どの順番で動いているか検証してみてください