close up photo of programming of codes

記録

JSのPromiseとawaitってこういう事なんだよね。理解した!!( ・ิω・ิ)

おはよう御座います。

この頃、JSを使う機会が増えてきています。巷ではReact.jsなどやVue.jsなんかが人気ですよね。またnext.jsなんかも出来れば転職活動に有利です。でもそんなフレームワークを勉強するまえにJavaScriptの基礎が出来ていないといけないと思っています。ネイティブでゴリゴリ書ける人であれば、何処へ行ってもやってけると思っています。

"use strict";
const main = (a,b,c)=>{
    return new Promise ((resolve)=>{
        console.log(a,b,c);
        b++;
        resolve({a:a,b:b,c:c}); 
    });
}
(async()=>{
    await main("A1",1,"C1").then((val)=>main(val.a,val.b,val.c)).then((val)=>main(val.a,val.b,val.c)).then((val)=>main(val.a,val.b,val.c));
    // main("A1",1,"C1").then((val)=>main(val.a,val.b,val.c)).then((val)=>main(val.a,val.b,val.c)).then((val)=>main(val.a,val.b,val.c));
    console.log("fin");
})();

Promiseとawaitとかの使い方はこんな感じです😀、このコードでは重たい処理を書いているわけではないけど、非同期通信処理チェーンで繋ぐとどんな所で使えば良いのか分かるかなって思います。要するに順番に非同期通信処理をしたい時に役に立ちます。このソースコードの場合、awaitしなくても良いですがね・・・。awaitを付けると処理後に次のコードが処理されます。付けない場合は同時並行的に処理されます。

デモ動画

サンプルコードはこちらから閲覧ください(検証)ませ!!

coronavirus news on screenコロナワクチン接種、3回目モデルナワクチンを打って思うこと。前のページ

今頃になってdocker(ドッカー)を勉強していたりしている。次のページaerial view of a city and island

関連記事

  1. 記録

    しまぶーのIT大学は駆け出しIT屋さんには勉強になると思います。

    来月から派遣で働くかもしれません、どうなるのかは今の段階ではわからな…

  2. 記録

    歩くことが楽しくなるピクミンブルームをスマホに?

    歩くことが楽しくなるピクミンブルームをスマホに入れていますか?、自分…

  3. 記録

    長年、デスクワークしていると。(あるあるネタ)

    長年のデスクワークをしていると、お腰をかなりの確率で痛めます、…

  4. 記録

    QuartzJapan[クオーツジャパン]を知ってる?

    QuartzJapanを知ってる方はこの記事をスルーして大丈夫です。…

  5. 記録

    あの噂のパン屋さんへ行ってきました。小麦の○☓。

    こんにちは、今日は先日の雨の中、あの噂のパン屋さんへ行ってきたのでレ…

  6. 記録

    phpバージョン対応、例えばPHP7系からPHP8へ😳 #php #Linux

    おはようございます、AIによる記事作成が出来るようになっているみたい…

2022年4月
 123
45678910
11121314151617
18192021222324
252627282930  

カテゴリー

アーカイブ

PAGE TOP