JavaScript での this の使用法を 5 分で理解します

前書き
JavaScript での this の使用法については、インターネット上にさらに詳細な紹介が多数あります。この記事では、参考学習資料やインターネットを参照できます。この記事では、インターネットからの収集とコンパイルを組み合わせて、JavaScript での this の使用法を簡単に説明します。これが、JavaScript での this の使用法を皆さんにすばやく理解してもらうのに役立つことを願っています。
テキスト
1. この使用例
[javascript]
window.color = "red";
var o = { color: "blue" }; SayColor(); //”red”
o.sayColor =sayColor;
o.sayColor(); //”blue”
2. これが指す場所:
この実行環境コンテキスト オブジェクト)、または単純に、これが配置されている関数が呼び出されたときの現在のスコープとして理解されます。
コード例はすぐに分かります:
[javascript]
var fun = function() {
console.log(this)
}
fun();// console: window、fun の実行コンテキストは window です。 、これはどこにありますか? 関数 (fun()) が呼び出されたときの現在のスコープは window です。
new fun();//console: fun、fun の実行コンテキストは fun オブジェクト内にあります。つまり、これが配置されている関数 (fun()) が呼び出されるときの現在のスコープは fun オブジェクト内にあります。 。
3. この使用法の特殊なケース
(1) ケース:
[html]
< ;script type="text/javascript">
function Demon() {
this.value = Math.random();

このボタンをクリックすると、ボタンは変更されません。
理由: このコードが実行されているとき、これはウィンドウ オブジェクトを指します。
[html]


このボタンをクリックすると、プログラムが正常に実行されます。
(2) 理由の説明:
[html]

結果の出力は次のようになります:
function Demon() {
this.value = Math.random()
}

[html]


関数 onclick() {
}