学習記録

学習したことをより深く理解するために、アウトプットする場所として利用しています。

2023-04-01から1ヶ月間の記事一覧

async/awaitについて理解する

async/awaitはPromiseをより直感的に記述できるようにしたもの(ES8) asyncと書けば必ずPromiseが返ってくることが担保されている。 awaitはPromiseを返却する関数の非同期処理が完了するまで待って次の処理に移行するようにする。 Promiseの処理をasync/aw…

MicroTasksとMacroTasksの実行順番について

MicroTasksとMacroTasksについて MicroTasksの処理が全て完了したら、MacroTasksの実行が開始される(MicroTasks優先) MicroTasksの特徴 順番が回ってきたら全てのジョブを実行 Promises、queueMicrotask、MutationObserver など MacroTasksの特徴 順番が回…

非同期処理のPromiseを理解する

Promiseとは コールバック地獄を解消し、非同期処理をより簡単に可読性が上がるように書けるようにしたもの。 基本的なPromise構文 new Promise((resolve, reject) => { console.log("promise"); // 同期処理 resolve("resolve data"); // or reject('reject…

非同期処理のcallback関数を理解する

callback関数とは callback関数は、ある関数(A関数)が実行される際に、その中で別の関数(B関数)を呼び出すこと。 console.log("start"); function timeout() { // B関数 console.log("setTimeout"); } setTimeout(timeout, 1000); // A関数 console.log(…