await/asyncで値取得に失敗したときにエラーメッセージを表示する書き方

Question

目的処理に使えそうだと見込んだawait / asyncを試しています。 しかし、これが含まれていると思われる「非同期処理」の説明は全体的に理解されませんでしたから、ほとんどコードをテストすることによってしか理解を試みられていないようなものです。 このために、書き方や処理への理解に気がかりが残っています。awaitに割り当てた関数に条件分岐を作成し、必要な場合を除いてPromiseの一つ目の引数(?)が返されないようにすると、現段階で期待した範囲の動きは確認できました*。このような書き方で明らかに問題の発生が想定される場合（今存在する以上のコード提示が必要な問題は除きます）、または(非同期処理に関係する)他の何かを使用して同じ処理の書き換えが可能な場合は、次に調査するべき具体的なキーワードあるいは説明や例をいただけないですか。

function test(tf) {
return  new Promise((x,y) => {if(tf){return x(tf)};return y('falsy');})
}
async function call() {console.log(await test(tf));}
//tfにtruthy判定される値を入れた場合はx, falsy判定される値を入れた場合はyが返されるようにしています。これは動作確認の為の一例ですから、深く考えないでください。
//＊この動きとはたとえば次のようなものです：tfに1を入れるとconsole.log()は1を表示し、0を入れた場合は開発ツールで「Uncaught (in promise) falsy」を確認できます。

Comments

[gentaro]

読みにくい
から
改行
を
しよう。

Answer 1

Promise コンストラクターの引数の呼び方が不確かなので、質問に従ってxとyを使用します。Promise オブジェクト(p)に対して使えるメソッドにthen()とcatch()があります。then()は引数が1つなら、単純にxが返されたときに実行されるようです*。x => x(5)ならば'then!'を確認しますが、x => 5では確認できません。

p.then(() => console.log('then!'));

catch()は返された値を取得できない場合か、yが返されたときに機能するようです。() => ok(未作成変数)や() => x(5)あるいは(x,y) => y('five')ならば'catch!'を確認しますが、 では確認できません。

p.then(() => console.log('then!')
).catch(() => console.log('catch!'))

(引数が1つの)then()はx、catch()はyに入れた値を引数の引数として使用できるようです。

//念の為の確認
const p = new Promise((x,y) => {if(tf){x(5)}else{y('five')}});
p.then(num => console.log(num,typeof num)//number
).catch(str => console.log(str, typeof str));//string

await expressionは、expressionがPromise オブジェクトかつxが返されたときにはxに入れた値になるようです(つまりtypeof await test(1)はnumberを返します)。
エラーメッセージの表示自体はconsole.errorで再現されたため、それも用いて単に同じように見える処理を書くことを今試みるならば、次のようになるでしょう。

function test(tf) {
const p =  new Promise((x,y) => {if(tf){return x(tf)};return y('falsy');});
p.then(value => console.log(value)
).catch(reason => console.error(`Uncaught (in promise) ${reason}`));
}
async function call() {await test(tf);}

質問コードはawait / asyncをまだ実質的には使用していないと言える状態だと思われるため、これらの方法がawait / asyncという方法のうえで適切かどうかには言及できません。
*then()は2つ目の引数を使用するとcatch()と同等に見える処理が行えました。しかし、これらの使い分けについては調べていません。

p.then(value => console.log(value)
, reason => console.error(`Uncaught (in promise) ${reason}`)）

一定期間のうちに内容への指摘が確認できなかったため、ここまでの自己進展を回答として一旦締め切ります。