Dieser Artikel analysiert die Verwendung dieses in JS. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Beispiel 1: Die erste Methode, um dies aufzurufen - in Funktionsform aufgerufen. Es repräsentiert das globale Objektfenster
Kopieren Sie den Code wie folgt: <script type = "text/javaScript">
Funktion t () {
alarm (this); // Hier repräsentiert dies ein Fensterobjekt.
}
T();
</script>
Beispiel 2: Die zweite Methode, um dies aufzurufen - in Form von Objekteigenschaften aufgerufen. Es repräsentiert das Objekt. Onclick ist das Attribut des P -Element -Objekts in der Instanz
Kopieren Sie den Code wie folgt: <html>
<kopf>
<script type = "text/javaScript">
Funktion t () {
alarm (dies);
this.style.background = 'grün';
}
window.onload = function () {
document.getElementById ('Eng'). onclick = t;
}
</script>
</head>
<body>
<p id = "eng"> ABCD </p>
</body>
</html>
Beispiel 3: Die dritte Methode, die dies nennt - in Form eines Konstruktors aufgerufen.
Kopieren Sie den Code wie folgt: <script type = "text/javaScript">
Funktion Dog () {
this.Legs = 4;
this.bark = function () {
Alert ("Wangwang ...");
}
}
var wangcai = new Dog (); // wie man ein Objekt erstellt. neuer Funktionsname ();
Wangcai.Bark ();
</script>
veranschaulichen:
(1) Wenn die Funktion von Dog () direkt aufgerufen wird, anstatt sie in der Art der Erstellung eines Objekts aufzurufen, entspricht sie der ersten Art von Aufruf, dh das globale Objektfenster.
(2) Es gibt kein Konzept der Klasse in JS, aber es gibt ein Konzept des Objekts;
(3) Die Erstellung von Objekten kann mit var = objname {name: 'ABC', Alter: 40} erstellt werden oder durch Konstruktoren erstellt werden;
(4) Was ist ein Konstruktor: Wenn eine gewöhnliche Funktion in Form von "New Function Name ()" aufgerufen wird, fungiert diese Funktion als Konstruktor.
Beispiel 4: Die vierte Methode, um dies aufzurufen - rufen Sie an und bewerben Sie sich
Kopieren Sie den Code wie folgt: <html>
<kopf>
<script type = "text/javaScript">
window.onload = function () {
var d = document.getElementById ('hi');
if (hi.addeventListener) {// Chrome und Firefox
hi.addeventListener ('klick', function () {alert (this.id)}, false); // Im W3C -Modell zeigt dieses DOM -Objekt. Dieses Ergebnis ist hi
} else {// dh
hi.attachEvent ('onclick', function () {alert (this.id)}); // IE8 und IE8 unten, hier zeigt dies auf das globale Objektfenster. Das Ergebnis ist undefiniert
}
}
</script>
</head>
<body>
<p id = "hi"> Hallo Welt </p>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.