Promiseとは
前提 非同期処理はブラウザやnode.jsが提供する処理だが、PromiseはECMAScriptの標準ビルトインオブジェクトである。ので、非同期処理と密接な関係にあるPromiseだが、独立した機能である Promiseの挙動 第一引数に…
非同期処理とは
定義 ある処理が終わるのを待たずに次の処理を行うこと 例 非同期処理 ↓1秒後にlogが出力される setTimeout(() => { console.log('this is async'); }, 1000); 同期処理 ↓al…
イベントの設定について
プロパティに設定する方法 *イベント登録は一つのみ button.onclick = () => { alert('clicked!'); } イベントを無効にしたければnullを入れる button.onclick = null; …
HTMLの属性の操作
属性確認 attributes html <input type="checkbox" id="hoge" foo="fuga"> javascript const result = document.querySelector…
DOM操作について
要素の取得 html要素,head要素,body要素の取得 document.documentElement; document.head; document.body; 親子のノードを取得 子ノード全て document.body.chi…
ブラウザを操作するビルトインオブジェクト
ブラウザ操作のためのAPI MDNのWindowインターフェイス内に記述してある プロパティやメソッドを使ってブラウザを操作する *インターフェイス=オブジェクトと捉えて良い メソッド（抜粋） alert 画面にアラートを表示 alert(…
配列を操作する（Array.prototype）
破壊的メソッド（元の配列を変更する） push(末尾に追加)返り値：追加した後のlengthの値 let items = [1,2,3]; items.push(4); console.log(items); // [1,2…
lengthプロパティについて
挙動 更新のタイミングはインデックスの最大値が更新された時一番大きいインデックス+1の値を返している 通常（密な配列） let fruits = ['apple','banana']; // lengthは2 疎な配列 let fr…
配列について
配列はオブジェクトである 証明方法 typeof []; // "object" 下記のfruitsとarrayLikeObjectは内部的に同じ let fruits = ['apple','banana']; let a…
分割代入について
配列 const[a,b,c] = ['配列1', '配列2', '配列3']; console.log(a) // 配列1 代入時に変数名を決める オブジェクト const{ x, z } = {x: 'オブジェクト1'…