0907 TIL React, Event loop

response.json()

非同期はJSONオブジェクトをJavaScriptオブジェクトに分割する役割です.
expressはJSON応答を送信するために使用されます.

JSON.stringfy

JSON.stringify()メソッドは、JavaScript値またはオブジェクトをJSON文字列に変換します.

JSON.parse

JSON.parse()メソッドは、JSON文字列の構文を解析し、JavaScript値またはオブジェクトを生成します.

Event loop

コールスタック

関数を呼び出すと、関数実行コンテキストが呼び出しスタックで順次リフレッシュされ、順次実行されます.JavaScriptエンジンでは呼び出しスタックが1つしか使用されないため、上位実行コンテキスト(実行中の実行コンテキスト)が終了して呼び出しスタックから削除されるまで、他のタスクは実行されません.

お尻

hipは、オブジェクトを格納するメモリ領域です.

イベントキュー(タスクキュー、コールバックキュー)

settimeoutやsetIntervalなどの非同期関数のコールバック関数やイベントハンドラが一時的に保持する領域.

イベントループの動作原理

イベントループは、呼び出しスタックに現在実行されている実行コンテキストが存在するかどうか、およびイベントキューに待機する関数が存在するかどうかを繰り返しチェックします.

function func1() {
  func2();
  console.log('func1');
}

function func2() {
  setTimeout(function () {
    console.log('callback');
  }, 0);
  func3();
console.log('func2')
}

function func3() {
  console.log('func3');
}

func1();

func 3 func 2 func 1コールバック順に出力します.
func 1,func 2,settimeout()はcallスタックに積み上げられる.settimeoutはWeb APIに移動されます.func 3はcallスタックに積み上げられます.Web APIのsettimeout時間になるとEvent Queueに移動し、呼び出しスタックが空になるのを待つ.stackなので一番上のfunc 3が出力され、func 2、func 1も出力されます.最後にコールバックを出力します.

||,&&演算子の使用

function documentTitle(theTitle)
  theTitle  = theTitle || "Untitled Document";
}
documentTitle("title") // theTitle = "title"
documentTitle()        // theTitle = "Untitled Document";

documentTitle(「title」)を呼び出すと、パラメータに「title」が存在するため、変数に割り当てられます.
document()を呼び出すと、パラメータに値がないため、右側に設定した値に

function isAdult(age) {
   return age && age > 17 ;
}
isAdult(16) // false
isAdult(18) // true
isAdult()   // false

リファレンス

演算子の使用

に感銘を与える

焦っているときは可能なコードさえできません.心を静めて符号化する必要があるのは珍しい
よくわからなかったらもっとコンソールかdevToolを使って