このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 最新のリビジョン 両方とも次のリビジョン | ||
00.javascript:01.同期処理と非同期処理 [2020/11/24] adash333 [async,awaitに関するリンク] |
00.javascript:01.同期処理と非同期処理 [2020/12/01] adash333 [async/await] |
||
---|---|---|---|
行 1: | 行 1: | ||
====== 01.JavaScriptの同期処理と非同期処理 ====== | ====== 01.JavaScriptの同期処理と非同期処理 ====== | ||
- | | + | [[00.javascript: |
個人的に、setInterval, | 個人的に、setInterval, | ||
行 6: | 行 6: | ||
しかし、避けて通れなさそうなので、可能な範囲でまとめてみたいと思います。 | しかし、避けて通れなさそうなので、可能な範囲でまとめてみたいと思います。 | ||
- | ===== 同期処理と非同期処理って何? ===== | + | ===== 同期処理と非同期処理とは? ===== |
+ | |||
+ | 同期処理はマルチタスク、非同期処理は1つずつ順番に処理、、、でもない? | ||
2つ以上の処理を実行するとき、同期処理と非同期処理の2つの方式があります。 | 2つ以上の処理を実行するとき、同期処理と非同期処理の2つの方式があります。 | ||
行 382: | 行 384: | ||
JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる | JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる | ||
→特に< | →特に< | ||
+ | |||
+ | https:// | ||
+ | JavaScript Promiseの本 | ||
+ | azu | ||
+ | →わかりやすいです。< | ||
https:// | https:// | ||
行 449: | 行 456: | ||
JavaScript Promiseの本 | JavaScript Promiseの本 | ||
azu | azu | ||
+ | |||
+ | https:// | ||
+ | @saka212 | ||
+ | 2020年05月05日に更新 | ||
+ | Promiseとthenのメソッドチェーン(直列・並列・値の受け取り・引数) | ||
+ | |||
+ | |||
+ | https:// | ||
+ | JavaScriptの「コールバック関数」とは一体なんなのか | ||
+ | 2019/02/08 | ||
+ | |||
+ | |||
+ | |||
行 491: | 行 511: | ||
[[https:// | [[https:// | ||
+ | ==== もう一度asyncの定義 ==== | ||
+ | async とは非同期関数を定義する関数定義。 | ||
+ | Async Function は非同期処理を扱う(promise を利用する)関数を定義する構文。 | ||
+ | Async Function は通常の関数とは異なり、async を関数の前に付けることで、その関数は Promise オブジェクト(Promiseインスタンス)を返すようになる。 | ||
+ | < | ||
+ | async function asyncFunc(/ | ||
+ | // 処理 | ||
+ | return value; | ||
+ | } | ||
+ | </ | ||
+ | 上記で定義されたasyncFuncは、以下で定義されたasyncFuncと全く同じ関数。 | ||
+ | < | ||
+ | function asyncFunc(/ | ||
+ | return new Promise((resolve, | ||
+ | // 処理 | ||
+ | resolve(value); | ||
+ | }); | ||
+ | } | ||
+ | </ | ||
+ | 引用元:https:// | ||
+ | https:// | ||
==== async/ | ==== async/ | ||
行 631: | 行 672: | ||
Promise, async, await がやっていること (Promise と async は書き換え可能?) | Promise, async, await がやっていること (Promise と async は書き換え可能?) | ||
+ | https:// | ||
+ | async function - JavaScript - MDN - Mozilla | ||
+ | https:// | ||
+ | async awaitで画像を読み込み canvasに描画 JavaScript | ||
+ | 2019-06-23 | ||
+ | https:// | ||
+ | Sの初心者にPromiseとasync/ | ||
+ | 夏目祐樹 | ||
+ | 2020.09.09 | ||
+ | |||
+ | https:// | ||
+ | @uhyo | ||
+ | 2020年07月30日に更新 | ||
+ | top-level awaitがどのようにES Modulesに影響するのか完全に理解する | ||
+ | |||
+ | ===== fetch ===== | ||
+ | |||
+ | https:// | ||
+ | 【JavaScript基礎】Fetch APIの基礎 | ||
+ | 20181022 | ||
+ | |||
+ | |||
+ | fetch(...) の結果は、 Promiseオブジェクトして返ってくる | ||
+ | |||
+ | |||
+ | https:// | ||
+ | @sotasato | ||
+ | 2020年11月04日に更新 | ||
+ | JavaScriptのFetch API について | ||
行 640: | 行 710: | ||
- | https:// | ||
- | async function - JavaScript - MDN - Mozilla | ||
行 658: | 行 726: | ||
+ | ===== async/await ===== | ||
+ | |||
+ | https:// | ||
+ | 非同期処理 | ||
+ | |||
+ | https:// | ||
+ | JavaScript Promiseの本 | ||
+ | azu | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== TensorFlow.js ===== | ||
+ | |||
+ | |||
+ | https:// | ||