[JS]thisのややこしさに終止符を打つ。 - Qiita

はじめに JavaSctiptに苦手意識がついてしまった原因が何を隠そう「this」です。初心者のうちは特に理解できずに苦しみました。しかし、重要な概念であるため、これをおざなりにしてはいけないと思い、学習してなんとか理解することが出来ましたので、自分と同じ境遇の人に共有します。。 thisとは thisとは、呼び出し元のオブジェクトへの参照を保持するキーワードのです。 thisの参照先は、同じ関数でも呼び出し方法が違えば、thisは異なるオブジェクトを参照します。 もう少し詳しく言うと、関数(function)を呼んだ時の.の前についているオブジェクトを指しているということです。(.が省略された場合はグローバルオブジェクトになります。) // 関数testを定義 function test() { console.log(this) } test() // => Window {fram