JavaScript thisの参照先基本パターン ｜ Tips Note by TAM

最近JavaScriptを学習する上で、thisの参照先についてややこしく感じたので、この記事ではthisの参照先について基本的なパターンを整理してみました。 thisとは thisとはJavaScriptに最初から用意されている特別な変数のことです。 条件(実行場所)によって参照先が異なり、この条件によって参照先が変わることで意図しない値(undefined)になることが多いです。 紹介パターン 今回は「非厳格モード」を前提に、下記のパターンについてまとめました。 １．何にも含まれていない状態 ２．関数内 ３．メソッド内 ４．constructor内 ５．グローバルオブジェクトに格納されているメソッド内 ６．thisの参照先を指定する方法 １．何にも含まれていない状態 クラスや関数内など何にも含まれていない状態でthisを呼び出すとブラウザのグローバルオブジェクトであるwindowを参照