Typescriptで2つのPromiseを連結して実行したい。

Question

Typescriptとアロー関数を使用し、Promiseのメソッドを作成しております。
コンソール上のメッセージとして
「約束通りついたよ、10時の電車に乗ろうか！」
を表示させたいのですが、コンソールを確認すると「undefined」が
返ってきております。
どうすれば正しい値が表示されるのか、
どなたかご教示いただけませんでしょうか？

const keep_promise = true
const on_schedule = true

const yakusoku = new Promise((resolve,reject)=>{
    if(keep_promise){
        resolve('約束通りついたよ')
    }else{
        reject('約束破ってごめんな')
    }
})

const catchTrain = ((comment:any)=>{
    new Promise ((resolve,reject)=>{
    if(on_schedule){
        resolve(comment + '10時の電車に乗ろうか！')
    }else{
        reject(comment + '今日は電車遅れてるね')
    }
})
})

yakusoku.then(catchTrain)
        .then((comment)=>console.log(comment))
        .catch((comment)=>console.log(comment))

Answer 1

yakusoku.then(catchTrain)

ここのcatchTrain のあとに () がないので、関数を実行できてないように思えます。

yakusoku.then(catchTrain())

に変えたらうまくいかないでしょうか

Comments

[takochan1192]

ご回答ありがとうございます。
すみません。エラーが出てしまいうまくいきませんでした。

Answer 2

catchTrainはPromiseをreturnする必要がありますね。

もしくはPromiseを使わないで、ただreturn/throwすれば良いです。

const catchTrain = (comment) => {
    if(on_schedule){
        return comment + '10時の電車に乗ろうか！'
    }else{
        throw comment + '今日は電車遅れてるね'
    }
}

Comments

[takochan1192]

if(on_schedule){
return resolve(comment + '10時の電車に乗ろうか！')
}else{
return reject(comment + '今日は電車遅れてるね')
}
ご回答ありがとうございます。このような形でしょうか？

[mcho71]

return new Promise(...
ですね

[takochan1192]

変身が遅くなり大変申し訳ございませんでした。
おっしゃる通りでした。
無事、動作確認することができました。本当にありがとうございました！