JavaScript_javascript スキルでのこの例の分析

人を損得を知る鏡として使うなら、この文章は非常に理にかなっているように思えます。

デモ 1: これがグローバル関数の場合、この関数を呼び出す必要がある場合、関数内で定義されたさまざまなプロパティやメソッドに関数の外部からアクセスできます。 。

コードをコピー コードは次のとおりです: //関数 function a() { if (this == window) { alert("this == window"); で使用しますthis.fieldA = "私はフィールドです"; this.methodA = function() { alert("私は関数です "); } } } a(); // a メソッドが呼び出されない場合、内部で定義されたプロパティは使用できません。 methodA();

デモ 2: new を使用してオブジェクトをインスタンス化する場合、これは window オブジェクトと等しくありません。これは関数 a のインスタンスを指します

コードをコピーします コードは次のとおりです。 //このパート 2 を関数 で使用します function a() { if (this == window) { alert("this == window") } else { alert("this != window") ; } this.fieldA = "私はフィールドです" var b = new alert(b) .fieldA);

デモ 3: これを使用して、ソース オブジェクトのインスタンスを取得できます。プロトタイプチェーンを通じて取得

コードをコピー コードは次のとおりです: //これを関数 3 で使用します function a() { this.fieldA = "私はフィールドです" var privateFieldA = "私' m a var"; } a.prototype.ExtendMethod = function(str) { alert(str " : " this.fieldA); alert(privateFieldA); //エラー }; var b = new a(); b.ExtendMethod("プロトタイプから");

デモ 4: 関数を直接参照しているか、関数をインスタンス化しているかに関係なく、クロージャは関数内でこれを返します。関数内のすべてのポイントはウィンドウ

コードをコピーします コードは次のとおりです: //関数 function a() { alert(this) でこの 4 つを使用します。 == ウィンドウ); var that = this; var func() { alert(this == window); 戻り関数 } var b = a() b(); c();

デモ 5: は HTML で使用され、通常は要素自体を表します

コードをコピー

コードは次のとおりです。 Click Me 関数 test(obj) { alert (obj) } デモ 6: IE と Firefox (Chrome) でイベントを登録します。これはそれぞれウィンドウと要素自体を指します

コードをコピー コードは次のとおりです次のように:

クリックしてください .getElementById("div"); if (div.attachEvent) { div.attachEvent( "onclick", function() { alert(this == window); var e =イベント; alert(e.srcElement == this); } if (div.addEventListener) { div.addEventListener("click", function(e) { alert(this == window); e = e; alert(e .target == this), }

上記は、JavaScript でのさまざまなアプリケーション シナリオをまとめたものです。他の状況もあるかもしれません。後で見つけたら追加します。