javascript promise fulfilled resolved,rejected 表示されない

Question

質問内容

javascript のpromiseについて質問です。

https://qiita.com/cheez921/items/41b744e4e002b966391a

  const promise = new Promise((resolve, reject) => {
    reject();
  })
    .then(() => {
      console.log("resolveしたよ");
    })
    .catch(() => {
      console.log("rejectしたよ");
    });

    console.log(promise);

こちらのコードでオブジェクトの中身を見ましたが、実行結果にはfullfilledもしくはpendingしか状態としてひょうじされません。

これはどういうことなのでしょうか？
いくつか他のサイトも読んでみましたが、どれも内容がバラバラのように感じました。

バージョンが古いのでしょうか？調べ不足かもしれませんん。。よろしくお願いいたします

Comments

[t-n]

>これはどういうことなのでしょうか？
具体的に何が疑問なのか文面から察しづらいのですが、下記であってますでしょうか。
「参考サイトではpending、resolved、rejectedというステータスがあるとされているが、tou.23.bc様の環境ではpending、fullfilledしか確認できなった。
他サイトでも内容がバラバラであるが、これはバージョン等による差異なのか。」

Answer 1

then メソッドは常に新しい Promise を返すらしいので、そのconsole.logはthen()が返した別のPromiseを見ているのでrejectになっていないのではないかと。

new Promise()にチェーンしたthen(),catch()が指すPromiseオブジェクトとnewで新たに生成されたPromiseオブジェクトは異なるPromiseオブジェクトを指すようです。
おそらくnewでPromiseを生成する前にチェーンしたthen()やcatch()メソッドが内部で別のPromiseオブジェクトを作成（？）し、何もしない空の関数が成功して終了したという形になっているんじゃないかな？

        //new Promiseを変数に入れて変数からチェーン
        let promise;
        promise = new Promise((resolve, reject) => {
            reject(new Error("Whoops!"));
        });
        
        promise.then(() => {
            console.log("resolveしたよ");
        }).catch((err) => {
            console.log("rejectしたよ");
        });

        //new Promiseにチェーン
        let promise2;
        promise2 = new Promise((resolve, reject) => {
            reject(new Error("Whoops!"));
        }).then(() => {
            console.log("resolveしたよ");
        }).catch((err) => {
            console.log("rejectしたよ");
        });

        console.log(promise);   //"rejected"
        console.log(promise2);  //"fulfilled"