このキーワードはJavaScriptで非常に強力ですが、どのように機能するかわからない場合は、使用することは困難です。
コードコピーは次のとおりです。
function dosomething（）{this.style.color = "＃fff"; }
上記のコードでこれは何を指しますか？ dosomething（）outputは何を実行しますか？
JavaScriptでは、これは常に現在実行されている関数を指しているか、メソッドと呼ばれるオブジェクトとして関数を使用します。ページにdosomething（）メソッドを定義する場合、これの所有者は現在のページまたはグローバルオブジェクトです。
したがって、dosomething（）関数を実行すると、エラーが発生します。この関数はグローバルオブジェクトウィンドウを指し、ウィンドウオブジェクトにはスタイル属性がないためです。
コピー：
コードコピーは次のとおりです。
element.onclick = dosomething;
dosomething（）は、メソッドとしてonclick属性にコピーされます。したがって、このイベントが実行された場合、これはHTML要素を指し、対応するHTML要素の色が変更されます。イベントに何かがコピーされるたびに、これは現在この方法を実行しているHTML要素を指します。
引用：
コードコピーは次のとおりです。
<element onclick = "dosomething（）">
現時点では、この方法をコピーしませんでしたが、この方法を参照しました。 OnClick属性には実際のメソッドが含まれておらず、メソッドへの単なる呼び出しです。この方法を実行すると、これはグローバルウィンドウオブジェクトを再度指し、エラーを発生させます。
上記は、この記事のコンテンツ全体です。必要な場合は、注意深く勉強してください。