js
Javascriptのthisについてまとめています。 サマリ class内でthisを使うとインスタンス化されたオブジェクトを参照する classの外で使うとグローバルオブジェクトを参照する classの中でwindow.setTimeoutを使い、その中でthisを指定するとwindowオブジェク…
JavascriptのDOMContentLoadedとloadについてまとめています。 サマリ DOMContentLoadedはhtmlをブラウザが解釈してDOMツリーを作成し終わったタイミングで発火する loadは画像や動画など全てのコンテンツをダウンロードし終わった後に発火する DOMContentLo…
JavascriptのaddEventListnerについてまとめています。 サマリ オブジェクトにJavascriptのイベントを登録することができる 複数のイベントを登録することができる イベント内のthisはaddするオブジェクトを指す <body> <button id="btn">Change ButtonText Color</button> <script src="index.js"></script> </body> const btn = doc…
Javascriptのreduceメソッドについてまとめています。 サマリ 配列をループ処理するときなどに利用する accumulatorとcurrentValueの考え方がある accumulator（第一引数）に前のループの戻り値、currentValue（第二引数）に現在の値（配列の値）をとる redu…
JavascriptのforEachメソッドについてまとめています。 サマリ デフォルトで引数が3つ渡り、1つめが値、2つめが添字、3つめが配列となる for文よりシンプルにループ分をかけるのでなるべくforEachを使う方が良い forEachは変数を余分に宣言しなくて良い また…
Javascriptのコールバック関数についてまとめています。 サマリ コールバック関数とは、他の関数から呼び出されて実行される関数のこと 呼び出し先の関数内でコールバック関数を実行することができる コールバック関数に引数を渡して実行することもできる 無…
Javascriptの比較演算子について覚えておきたいことをメモしています。 サマリ ==は値を比較すが型までは比較しない ===は値と型を両方比較してtrue/falseを判定する ==で型が一致しない場合の比較は、まずjsが自動的に型を一致させ、そこから値の比較を行う…
