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. 記録

    広告収入で暮らせれば夢!?

    広告収入で暮らす事ができれば。これに真剣に挑んでいるひとはどれ…

  2. 記録

    映画、マイ・インターンを観てきましので感想なんかを #映画レビュー

    マイ・インターンを観てきましので感想なんかを残しときます。まず、予…

  3. 記録

    GCPやAWSを素人は使わないほうが良い。

    GCPやAWSを素人は使わないほうが良い。理由はトラフィックが増大…

  4. 記録

    ショッピファイ(Shopify)という黒船。

    ECサイトを運営されている方は知っている方もいるかと思いますが…

  5. 記録

    賢明のものさし。

    ◆賢明のものさし。ある行動が無駄だと気づくまでの時間。(勉強がで…

  6. 記録

    僕らはSNSでものを買うを読み終えたのでレビューWEB担当者用。#ウェブ担

    『僕らはSNSでものを買う』を読み終えたのでレビューします。この結構…

2022年4月
 123
45678910
11121314151617
18192021222324
252627282930  

カテゴリー

PAGE TOP