JavaScriptのPromise関数の役割 Promiseの基本的な役割 Promiseの基本的な使い方 Promiseの作成 Promiseの使用 Promiseのチェーン async/awaitとの違い Promiseとasync/awaitの違い Promiseの使用例 async/awaitの使用例 主な違い JavaScriptのPromise関数の役割 JavaScriptのPromise関数は、非同期処理を扱うためのオブジェクトです。 Promiseを使用することで、非同期処理の結果を待つことができ、その結果が成功か失敗かに応じて適切な処理を行うことができます。 async/…

typescript: "4.9.5" Promise.allSettled Promise.allSettled() Promise.allSettled() は静的メソッドで、入力としてプロミスの反復可能オブジェクトを受け取り、単一の Promise を返します。この返されたプロミスは、入力のすべてのプロミスが決定したとき（空の反復可能オブジェクトが渡された場合を含む）に履行され、各プロミスの結果を記述するオブジェクトの配列が返されます。 Promise.allSettled() は、通常、正常に完了するために互いに依存しない複数の非同期タスクがある場合、または各プロミスの結果を常に知りた…

premise 前提 発音《動》primáiz 《名》prémis 変化《動》premises ｜ premising ｜ premised 分節prem・ise promise「約束」と綴りと発音にてるなぁー。promiseの方が聞きなれてるかして、promiseと聞き間違えてしまう。 promの「o」方が「約束」premの「e」の方が「前提」 promはアメリカの高校で学年末に正装で行われるダンスパーティーなんやけど、男女ペアで行くから、それまでにカップルになるという一大イベントなのよねぇー。校内のベストカップルを決めたりするリア充向けのパーティーで、陰キャは誰にも誘われず家に引きこも…

実装： class CachedAsyncStore<T, Key = string> { private promiseMap: Map<Key, Promise<T>> = new Map(); private fn: (key: Key) => Promise<T>; constructor(fn: (key: Key) => Promise<T>) { this.fn = fn; } get(key: Key): Promise<T> { const { promiseMap } = this; const cachedPromise = promiseMap.get(key); if…

こんにちは！ スマレジ テックファームのMichiです！ この記事は、『JavaScriptの非同期処理についてまとめてみた①』の続きになります。 前回のおさらい Promise 完成形 解説 でも、まだちょっと分かりにくくない…？ async/await 完成形 解説 まとめ 前回のおさらい さて、前回はsetTimeout関数を利用して、「5、4、3、2、1、0」のように1秒ずつカウントダウンする処理を作った結果、地獄のようなコードが生まれたのでした。 console.log('開始') setTimeout(() => { console.log(5); setTimeout(() =>…

はじめに こんにちは、開発課に所属している新卒 1 年目のke-suke0215です。 今回、 axois について調べてみました。 axios は非同期で API 呼び出しを簡単に行うことができるライブラリです。 しかし、簡単がゆえに内側でどのように動いているか曖昧な人も多いのではないでしょうか。 axios の中身を理解するには、よく一緒に使われる async と await の理解が重要になってきます。 また、 async と await の理解には Promise についての理解が必要になり、Promise は非同期処理の記述に使うものです。 なので、非同期処理、Promise、asy…

youtu.be これ凄いです 7:51からの2人の歌凄すぎます 想太くん声量迫力また一段とすごくなった気がします 最近やっとやっと CITRUSで人気が出て本当に良かったよね そしてダンスも上手いのよね 想太くんの声もダンスも素敵です youtu.be この歌がめっちゃ好きなの(^^♪ youtu.be youtu.be