Cet article analyse l'utilisation de cela dans JS. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Exemple 1: La première méthode pour appeler ceci - appelé sous forme de fonction. Il représente la fenêtre d'objet global
Copiez le code comme suit: <script type = "text / javascript">
fonction t () {
alert (this); // Ici, cela représente un objet de fenêtre.
}
t ();
</cript>
Exemple 2: la deuxième méthode pour appeler ceci - appelé sous la forme des propriétés d'objet. Il représente l'objet. OnClick est l'attribut de l'objet d'élément P dans l'instance
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction t () {
alerte (ceci);
this.style.background = 'green';
}
window.onload = function () {
document.getElementById ('Eng'). OnClick = T;
}
</cript>
</ head>
<body>
<p id = "Eng"> ABCD </p>
</docy>
</html>
Exemple 3: La troisième méthode pour appeler ceci - appelé sous la forme d'un constructeur.
Copiez le code comme suit: <script type = "text / javascript">
fonctionn dog () {
this.legs = 4;
this.bark = function () {
alert ("wangwang ...");
}
}
var wangcai = new dog (); // comment créer un objet. Nouvelle fonction nom ();
wangcai.bark ();
</cript>
illustrer:
(1) Si la fonction dog () est appelée directement au lieu de l'appeler dans la façon de créer un objet, il est équivalent au premier type d'appel, c'est-à-dire que cela représente la fenêtre d'objet global.
(2) Il n'y a pas de concept de classe dans JS, mais il y a un concept d'objet;
(3) La création d'objets peut être créée en utilisant var = objname {name: 'ABC', Âge: 40}, ou il peut être créé via des constructeurs;
(4) Qu'est-ce qu'un constructeur: lorsqu'une fonction ordinaire est appelée sous la forme de "nouvelle fonction nom ()", cette fonction agit comme un constructeur.
Exemple 4: la quatrième méthode pour appeler ceci - appelez et appliquez
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
window.onload = function () {
var d = document.getElementById ('hi');
if (hi.addeventListener) {// Chrome et Firefox
hi.addeventListener ('click', function () {alert (this.id)}, false); // Dans le modèle W3C, cela pointe vers l'objet DOM. Ce résultat est salut
} else {// ie
hi.attachevent ('onclick', function () {alert (this.id)}); // IE8 et IE8 ci-dessous, ici, cela pointe vers la fenêtre globale de l'objet. Le résultat n'est pas défini
}
}
</cript>
</ head>
<body>
<p id = "Hi"> Bonjour le monde </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.