はてなブックマーク

はじめに Udemyの【JS】ガチで学びたい人のためのJavaScriptメカニズムの講座の振り返りです。 前回の記事 目的 非同期処理についての理解を深める 本題 1.マクロタスクとマイクロタスク マクロタスク マクロタスクはタスクキューと呼ばれていたもの イベントループで処理が回ってきたら、1つずつ格納されているタスクを実行する ex. setTimeout マイクロタスク マイクロタスクはタスクキューとは別に存在する非同期処理待ちの行列（ジョブキュー） マイクロタスクとマクロタスクが同じイベントループで処理が行われた場合マイクロタスクが優先される イベントループで処理が回ってきたら、全ての格納されているジョブを実行する ex. Promise 例1 コードで確認 // マクロタスク // タスクの待機時間はなし setTimeout(function task1() { consol

はじめに Udemyの【JS】ガチで学びたい人のためのJavaScriptメカニズムの講座の振り返りです。 前回の記事 目的 反復処理についての理解を深める 本題 1. スプレッド演算子 スプレッド演算子とは反復可能や列挙可能オブジェクトの展開を行う演算子のこと。 主に配列で使用。[...]のように記述する 関数の引数で使用された場合,残余引数と呼ばれ、実引数に渡された変数を配列にまとめる。 レストパラメーター　ex. function(...args) スプレッド演算子は　イテレーターの操作に従う 例1 スプレッド演算子の基本的な使い方 // 配列を準備 const array1 = [1,2,3,4,5]; // スプレッド演算子によって展開されたものが再度array2に格納される(新しい配列を作っている) const array2 = [...array1]; // (5) [1,

window.name = 'ルフィ'; const person = { name: 'ゾロ', hello: function() { console.log('Hello ' + this.name); } } // ここではhello ゾロと出力される person.hello(); ````` thisにするとどうなるのか ``````javascript window.name = 'ルフィ'; const person = { name: 'ゾロ', hello: () => { console.log('Hello ' + this.name); } } // hello ルフィと出力される！なぜ？ person.hello(); ````` `````javascript window.name = 'ルフィ'; // personオブジェクトがグローバルコンテキストに定