JavaScriptで非同期処理を制御した場合、同期処理と同じになるか

Question

初歩的な質問なのですが、JavaScriptで非同期処理を書く場合にはPromiseやasync awaitを使ってフロー制御をすると思うのですが、その場合同期処理と同じになるという解釈で合っているでしょうか？

もうそうだとすれば、非同期処理であることのメリットがなくなってしまうように思うのですが、実際どのような形で非同期処理の特徴が活かされているのでしょうか？

###追記
フロー制御はあくまで非同期処理を同期的に実行するだけで、非同期処理であるということは変わりないという回答をいただきました。

しかし、awaitをつけた処理が実行されている間はそれ以降のプログラムは実行されないのだから、結局同期処理と変わらないような気がしてしまいます。

「同期処理」と「非同期処理を同期的に実行する」ことの違いは何なのでしょうか？

###追記2

const axios = require('axios');
 
const main = async ()=>{
    let res = await axios.get("https://google.com/")
    console.log(res.status)
    console.log("終了");
}
 
main();

想定しているasync awaitの使い方は上記のような形です。
awaitで待ってからconsole.logを実行するからresに値が入ると思っていたのですが、間違っているのでしょうか？
このような場合、http通信をしている間に別のプログラムが実行できるということがいまいちイメージできません。

理解が不十分で申し訳ないです。お付き合い頂けると助かります。

Comments

[Zuishin]

> 非同期処理を同期的に実行する

これは C# の警告ですが、ほんとうに JavaScript の話ですか？ もし C# の話であれば仕組みが違うので通じないと思います。

[maskmelon]

コメントありがとうございます。JavaScriptの話です。async awaitを使うと上から順番にプログラムが実行されますが、これが「同期処理」でも「同期的に非同期処理を実行」でもないとしたら、結局のところ何をしていると捉えれば良いのでしょうか？

[coco_bauer]

「async awaitを使うと上から順番にプログラムが実行されます」というのは、どんなプログラムの事なのでしょうか？　また、質問の「フロー制御をすると思う」というのは、どんなプログラムのどの部分なのですか？　プログラムのコードを示さずに、プログラムの実行の詳細を議論するのは無理があります。　質問者が何を思っているのなんて、質問者以外の誰にも判りようがないのですから。

[maskmelon]

ご指摘ありがとうございます。コードを追加させていただきました。

Answer 1

その場合同期処理と同じになるという解釈で合っているでしょうか？

違います。「Promiseやasync awaitを使っ」ても非同期処理は非同期処理のままです。

Comments

[maisumakun]

えっと、async-awaitで失われると考えた、「非同期処理であることのメリット」は、どのようなものでしょうか？

[maskmelon]

非同期処理のメリットはI/O処理の際にプログラムを停止することなく待ち時間中に別の処理を実行できる点だと理解しています。async awaitを使うと非同期処理が終わるまでプログラムが先に進まないので、「プログラムを停止」してしまうように思うのですが、どうでしょうか？

[maisumakun]

停止はしません。awaitで待っている間は別のプログラムが実行されます。

[maskmelon]

awaitをつけた箇所だけを非同期処理だと勘違いしていました。実際はasyncで括った部分全体が非同期処理なので、おっしゃる通り別のプログラムを実行できますね。
そうすると非同期処理の内側で同期的な順序で実行されているということになるでしょうか？

Answer 2

async内でawaitすることで非同期処理が同期的に処理可能です

Comments

[yambejp]

(async ()=>{
console.log("start");
console.log(await new Promise(resolve=>setTimeout(()=>resolve("promise"),2000)));
console.log("end");
})();

[maskmelon]

回答ありがとうございます。