Comment accéder aux variables privées à partir de fonctions définies par un prototype en JavaScript ?

Restriction d'accès dans les définitions de fonctions JavaScript

En JavaScript, l'accessibilité des variables aux fonctions dépend de la portée dans laquelle les fonctions sont définies. Les variables privées, déclarées dans un constructeur, ne sont accessibles qu'aux fonctions comprises dans la portée de ce constructeur. Cela pose une limitation lorsque les fonctions sont définies en dehors du constructeur, par exemple en utilisant la propriété prototype.

Fonctions définies par prototype et variables privées

Considérez le code suivant où un TestClass a une variable privée privateField :

TestClass = function(){
    var privateField = "hello";
    this.nonProtoHello = function(){alert(privateField)};
};
TestClass.prototype.prototypeHello = function(){alert(privateField)};

Dans cet exemple, nonProtoHello défini dans le constructeur a accès à privateField, alors que prototypeHello défini à l'aide du prototype ne l'a pas. En effet, les fonctions définies sur le prototype ne sont pas définies dans la portée du constructeur.

Remplacement de l'accès aux variables privées

Il n'est pas possible d'autoriser les fonctions définies par le prototype à directement accéder aux variables privées. Cela créerait essentiellement un mécanisme de portée inversée, qui n'est pas pris en charge par JavaScript.

Alternative : Getters et Setters

Pour permettre aux fonctions définies par un prototype de manipuler des variables privées, vous pouvez créer des getters et des setters dans le constructeur en utilisant cet objet. Ces méthodes publiques peuvent accéder aux variables privées et permettre de les modifier par les fonctions prototypes. Voici un exemple :

function Person(name, secret) {
    // public
    this.name = name;

    // private
    var secret = secret;

    // public methods have access to private members
    this.setSecret = function(s) {
        secret = s;
    }

    this.getSecret = function() {
        return secret;
    }
}

// Must use getters/setters 
Person.prototype.spillSecret = function() { alert(this.getSecret()); };

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!