Il s'agit d'un mot-clé important dans le langage orienté objet. JavaScript est différent du langage orienté objectif tel que Java et C #, ce qui rend cela plus déroutant et déroutant.
Ce que cela utilise:
1. Fonction pure
2. Appel de méthode d'objet
3. Utilisez nouveau pour appeler le constructeur
4. Fonctions internes
5. Utilisez l'appel / appliquer
6. Événement Liaison
1. Fonction pure
Copier le code du code comme suit:
var name = 'This is Window';
fonction getName () {
console.log (ceci);
console.log (this.name);
}
getName ();
Analyse des résultats en cours d'exécution: Ceci dans les fonctions pures pointe vers les objets globaux, Window.
2. Appel de méthode d'objet
Copier le code du code comme suit:
var name = 'this is window';
var testoBj = {
Nom: «Ceci est testoBJ»,
getName: function () {
console.log (ceci);
console.log (this.name);
}
}
testoBj.getName ();
Exécuter l'analyse des résultats: ceci est indiqué l'objet qui appelle la méthode.
3. Utilisez nouveau pour appeler le constructeur
Copier le code du code comme suit:
fonction getOBj () {
console.log (ceci);
}
Nouveau getOBJ ();
Exécuter l'analyse des résultats: ceci dans le nouveau constructeur pointe vers l'objet nouvellement généré.
4. Fonctions internes
Copier le code du code comme suit:
var name = "This is window";
var testoBj = {
Nom: "Ceci est testobj",
getName: function () {
// var seelf = this;
var ahandle = function () {{)
console.log (ceci);
console.log (this.name);
//console.log (set);
}
poignée ();
}
}
testoBj.getName ();
Exécuter l'analyse des résultats: ceci dans la fonction interne pointe toujours vers l'objet global, la fenêtre. Il est généralement considéré comme une erreur de conception dans la langue JavaScript, car personne ne veut pointer cela dans la fonction interne de l'objet global. La méthode de traitement générale consiste à enregistrer cela en tant que variable, et il est généralement convenu d'être cela ou soi, comme le montre le code ci-dessus.
5. Utilisez l'appel / appliquer
Copier le code du code comme suit:
var name = 'this is window';
var testoBj1 = {
Nom: «Ceci est testoBJ1»,
getName: function () {
Console.log (ceci);
console.log (this.name);
}
}
var testoBj2 = {
Nom: «Ceci est testoBJ2»
}
testoBj1.getName.Apply (testoBJ2);
testoBj1.getName.Call (testoBJ2);
Remarque: Appliquer et l'appel sont similaires, mais les deuxièmes paramètres des deux sont différents:
[1] Appel (thisarg [, arg1, arg2, ...]);
[2] Appliquer (thisarg [, argarray]);
Analyse des résultats en cours d'exécution: Ceci utilise ceci dans la fonction d'appel / application pour pointer à l'objet de liaison.
6. Événement Liaison
Cette méthode dans la méthode de l'événement devrait être l'endroit le plus suspect, la plupart des erreurs en proviennent.
Copier le code du code comme suit:
// page de liaison sur l'élément
<script type = "text / javascript">
fonction btclick () {
console.log (ceci);
}
</cript>
<body>
<Button id = "btn" onclick = "btclick ();"> cliquez sur </fut-bouton>
</docy>
Copier le code du code comme suit:
// Méthode de liaison JS (1)
<body>
<Button id = "btn"> Cliquez sur </fontificateur>
</docy>
<script type = "text / javascript">
fonction btclick () {
Console.log (this);
}
document.getElementById ("btn").
document.getElementById ("BTN").
</cript>
Copier le code du code comme suit:
// Méthode de liaison JS (2)
<body>
<Button id = "btn"> Cliquez sur </fontificateur>
</docy>
<script type = "text / javascript">
document.getElementById ("btn").
Console.log (this);
}
document.getElementById ("BTN").
</cript>
Copier le code du code comme suit:
// Méthode de liaison JS (3)
<body>
<Button id = "btn"> Cliquez sur </fontificateur>
</docy>
<script type = "text / javascript">
fonction btclick () {
console.log (ceci);
}
Document.getElementById ("BTN"). Méthode (méthode Méthode (méthode) Lorsqu'il est utilisé dans la manipulation des événements.
document.getElementById ("btn").
</cript>
Analyse des résultats en cours d'exécution: Les deux méthodes de liaison des événements communs ci-dessus, la liaison des événements sur l'élément de page en plus de la méthode de l'événement de liaison, ce qui pointe vers l'élément Elment de l'événement de liaison.