この記事では、JSでのこの使用法を分析します。参照のためにそれを共有してください。特定の分析は次のとおりです。
例1:これを呼び出す最初の方法 - 関数形式で呼び出されます。グローバルオブジェクトウィンドウを表します
次のようにコードをコピーします。<script type = "text/javascript">
関数t(){
アラート(this); //ここでは、これはウィンドウオブジェクトを表します。
}
t();
</script>
例2:これを呼び出す2番目の方法 - オブジェクトプロパティの形で呼ばれます。オブジェクトを表します。 OnClickは、インスタンスのP要素オブジェクトの属性です
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
関数t(){
アラート(これ);
this.style.background = 'green';
}
window.onload = function(){
document.getElementById( 'eng')。onclick = t;
}
</script>
</head>
<body>
<p id = "eng"> abcd </p>
</body>
</html>
例3:これを呼び出す3番目の方法 - コンストラクターの形で呼ばれます。
次のようにコードをコピーします。<script type = "text/javascript">
function dog(){
this.legs = 4;
this.bark = function(){
アラート( "wangwang ...");
}
}
var wangcai = new Dog(); //オブジェクトを作成する方法。新しい関数名();
wangcai.bark();
</script>
説明:
(1)オブジェクトを作成する方法で呼び出す代わりにdog()関数が直接呼び出される場合、それは最初のタイプの呼び出し、つまり、グローバルオブジェクトウィンドウを表します。
(2)JSにはクラスの概念はありませんが、オブジェクトの概念があります。
(3)オブジェクトの作成は、var = objname {name: 'abc'、age:40}を使用して作成できます。または、コンストラクターを介して作成できます。
(4)コンストラクターとは:通常の関数が「新しい関数名()」の形式で呼び出される場合、この関数はコンストラクターとして機能します。
例4:これを呼び出すための4番目の方法 - 呼び出して適用する
次のようにコードをコピーします:<html>
<head>
<script type = "text/javascript">
window.onload = function(){
var d = document.getElementById( 'hi');
if(hi.addeventlistener){// chrome and firefox
hi.addeventlistener( 'click'、function(){alert(this.id)}、false); // w3cモデルでは、これはdomオブジェクトを指します。 this.idの結果はこんにちはです
} else {// ie
hi.attachevent( 'onclick'、function(){alert(this.id)}); // IE8およびIE8以下、ここでこれはグローバルオブジェクトウィンドウを指します。結果は未定義です
}
}
</script>
</head>
<body>
<p id = "hi"> hello world </p>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。