JavaScriptの非同期処理：Async/Awaitを理解する
2025年08月11日
JavaScriptにおける非同期処理は、多くの開発者がつまずくポイントの一つです。特に、Promiseをさらに直感的に扱えるようにしたasync/await構文は、現代的なJavaScript開発に欠かせません。
Async/Awaitとは？
async関数は、内部でawaitキーワードを使うことを可能にします。awaitはPromiseが解決されるまで関数の実行を一時停止し、解決された後にその結果を返します。
// Promiseを返す非同期関数
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asyncCall() {
console.log('calling');
const result = await resolveAfter2Seconds();
console.log(result); // 2秒後に "resolved" と表示される
}
asyncCall();
このように、async/awaitを使うことで、非同期処理を同期処理のような見た目で簡潔に記述できます。