JavaScript
JavaScript | 「ソースマップ」付きで TypeScript や Babel コードをデバッグする方法
2020-08-13
JavaScript JavaScript | クラス内でアロー関数を使う理由
クラスの中でアロー関数を使う理由は、主に this の扱い にあります。初心者がよくつまずくポイントなので、例を交えて整理しますね。通常のメソッドとアロー関数の違い通常のメソッドclass Counter { constructor() {...
JavaScript JavaScript | アロー関数とbindの違い
アロー関数とbindの違いを初心者向けに解説JavaScriptで「thisが思った通りにならない！」というときによく出てくるのが アロー関数 と bind。どちらも「thisを固定する」ために使われますが、仕組みと使いどころが違います。基...
JavaScript JavaScript | イベント処理での「普通の関数」と「アロー関数」の使い分け
イベント処理での「普通の関数」と「アロー関数」の使い分けイベント処理では「クリックされた要素をthisで参照したいのか」「外側のthisを保持したいのか」で、普通の関数とアロー関数を使い分けます。基本ルール普通の関数（functionキーワ...
JavaScript JavaScript | クラスのメソッドをアロー関数にするメリットとデメリット
クラスのメソッドをアロー関数にするメリットとデメリットクラスの中でメソッドを「通常の関数」として書くか「アロー関数」として書くかで、挙動や効率が変わります。初心者向けに整理してみましょう。メリット（アロー関数にする利点）thisがインスタン...
JavaScript JavaScript | クラスの中でアロー関数を使うとどうなるか
クラスの中でアロー関数を使うとどうなるかクラスの中でアロー関数を使うと、その関数のthisは「インスタンス」に固定されるという特徴が出てきます。これは普通のメソッド（通常の関数）との大きな違いです。基本ルール通常のメソッド（function...
JavaScript JavaScript | アロー関数のthis
アロー関数のthisを初心者向けにやさしく解説JavaScriptを学び始めると「thisってややこしい！」と感じる人が多いです。特にアロー関数は、普通の関数とthisの動きが違うので混乱しやすいポイントです。ここでは、かみ砕いて説明します...