Javascript redondant cela dans la méthode de l'objet?

Question

Noob question, recherchée mais ne trouve pas de réponse à cette question. Je suis la construction d'un objet, et faisant référence aux paramètres de l'argument en utilisant le « ce » mot-clé:

function Obj(a, b, c) { 
    this.a = a; 
    this.b = b; 
    this.c = c; 
    this.addMe = function() { 
    alert(this.a + this.b + this.c); 
    }; 
} 

Ma question est simple: si a, b, et c existent uniquement dans l'objet (en En d'autres termes, il n'y a pas de variables globales déclarées en utilisant les mêmes noms), le mot clé 'this' est-il requis lors de leur utilisation dans la méthode addMe()? la méthode non seulement être écrit comme pourrait:

this.addMe = function() { 
    alert(a + b + c); 
}; 

Quand je lance ce code en créant une nouvelle instance de Obj, il fonctionne exactement de la même façon soit. Et (ce n'est pas ce que je ferais) si je crée des variables globales pour a, b, et c de valeur différente des arguments que j'utilise lors de l'instanciation du nouvel Obj, cela n'a aucun impact sur les résultats de l'appel de méthode. Alors, est-ce qu'il me manque quelque chose qui reviendra me mordre si je n'utilise pas 'ceci' dans la méthode?

Answer 1

Avec la façon dont vous avez défini votre fonction addMe, oui; vous pouvez simplement fermer a, b et c et les utiliser. Cependant, le problème est que c'est généralement un moyen inutile de définir vos méthodes, car chaque instanciation d'un Obj impliquera la construction d'une nouvelle fonction addMe.

En général, les gens ont tendance à attacher des méthodes réutilisables au prototype en dehors de la fonction constructeur, soit en se basant sur la syntaxe de classe ES6 soit en faisant Obj.prototype.addMe = .... Dans les deux cas, les paramètres constructeurs a, b et c ne sont pas inclus dans la portée, vous devez donc vous fier aux propriétés disponibles dans this.

Answer 2

Si vous savez que this.a (par exemple) ne sera jamais réaffecté, alors oui, ils devraient effectivement être les mêmes. Il s'agit d'un big si cependant. Que faire si vous oubliez plus tard que vous avez l'intention de ne jamais les réaffecter? Ensuite, vous avez un bug étrange qui peut être difficile à traquer.

Exemple:

function Obj(a) { 
 
    this.a = a; 
 

 
    this.show = function() { 
 
    console.log(this.a); 
 
    console.log(a) 
 
    }; 
 
} 
 

 
var obj = new Obj(1); 
 
obj.show(); 
 

 
obj.a = 2; 
 
obj.show(); // OOPS!

Notez que le deuxième appel à show donnera deux valeurs différentes. La fonction show crée une fermeture autour de la valeur d'origine de a; essentiellement l'enregistrer. Il reste inchangé lorsque this.a est réaffecté.

Sauf si vous avez de bonnes raisons de ne pas le faire, utilisez simplement this. Déclarer explicitement vos intentions est généralement la voie à suivre en cas de doute. Vous épargner quelques coups de touches vaut rarement le mal de tête potentiel sur la route.

Answer 3

Pour démontrer la différence/problème de l'utilisation a + b + c

function Obj(a, b, c) { 
 
    this.a = a; 
 
    this.b = b; 
 
    this.c = c; 
 
    this.addMe = function() { 
 
    console.log('addMe', this.a + this.b + this.c); 
 
    }; 
 
    this.brokenAddMe = function() { 
 
    console.log('brokenAddMe', a + b + c); 
 
    }; 
 
} 
 
var o = new Obj(1,2,3); 
 
o.addMe(); // should be and is 6 
 
o.brokenAddMe(); // should be and is 6 
 
o.a = 4; 
 
o.addMe(); // should be and is 9 
 
o.brokenAddMe(); // should be 9 but still is 6