js_javascriptスキルでの使用例の分析

この記事では、js での this の使用法を例とともに分析します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

例 1: これを呼び出す最初の方法 - 関数形式で呼び出します。グローバルオブジェクトウィンドウを表します

コードをコピーします コードは次のとおりです:

例 2: これを呼び出す 2 番目の方法 - オブジェクト プロパティの形式で呼び出します。それはオブジェクトを表します。この例では、onclick は p 要素オブジェクト
の属性です。

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

<頭>
<スクリプトタイプ="text/javascript">
関数 t(){
アラート(これ);
this.style.background = 'green';
}
window.onload = function(){
document.getElementById('eng').onclick = t;
}

abcd

例 3: これを呼び出す 3 番目の方法 - コンストラクターとして呼び出します。

コードをコピーします コードは次のとおりです:

説明:
(1) オブジェクトを作成して呼び出すのではなく、dog() 関数を直接呼び出した場合、それは最初の呼び出しと同等になります。つまり、これはグローバル オブジェクト ウィンドウを表します。
(2) js にはクラスの概念はありませんが、オブジェクト
の概念があります。 (3) オブジェクトは、var = objName{name:'abc',age:40} を使用するか、コンストラクターを通じて作成できます。 (4) コンストラクタとは: 通常の関数を「新しい関数名()」で呼び出すと、この関数はコンストラクタとして動作します。
例 4: これを呼び出す 4 番目の方法 - メソッドを呼び出して適用する

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

<頭>
<スクリプトタイプ="text/javascript">
window.onload = function(){
var d = document.getElementById('hi');
if(hi.addEventListener){//Chrome と Firefox
hi.addEventListener('click',function(){alert(this.id)},false);//w3c モデルでは、this は DOM オブジェクトを指します。 this.id の結果は hi
です }else{// つまり
hi.attachEvent('onclick',function(){alert(this.id)});//ie8 以降、ここでは this はグローバル オブジェクト ウィンドウを指します。 this.id の結果は未定義です
}
}

hello world

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。