Comment définir des getters et des setters en javascript en utilisant object.defineproperty

Question

J'ai essayé d'écrire des getters et des setters en utilisant object.defineproperty, mais je n'ai pas pu .J'ai essayé cet exemple mais il génère une erreur car aucune propriété firstName n'est définie. quelqu'un peut-il s'il vous plaît aidez-moi ce

function person(fName, lName) { 
 

 

 
    Object.defineProperty(this, 'firstName', { 
 
    get:function() { return firstName; }, 
 
    set:function(newValue){firstName=newValue;} 
 
}); 
 
} 
 
var p1=person("xyz","abc"); 
 
console.log(p1.firstName);

Merci

Answer 1

Vous devriez new votre Person pour créer l'instance Personne. Comme vous pouvez le voir, vous pouvez simplement utiliser les variables que vous avez passées dans le constructeur pour votre getter et setter.
J'ai volontairement nommé les paramètres du constructeur pour voir comment toutes les variables jouent ensemble.

Dans votre getter, vous renvoyez la variable firstNameFromConstructor ou vous effectuez un traitement, puis vous le renvoyez.
Dans votre setter, vous pouvez modifier la valeur de la variable firstNameFromConstructor.

function Person(firstNameFromConstructor, lastNameFromConstructor) { 
 
    Object.defineProperty(this, 'firstName', { 
 
     get:function() { return firstNameFromConstructor; }, 
 
     set:function(newFirstName){ firstNameFromConstructor = newFirstName;} 
 
    }); 
 
    Object.defineProperty(this, 'lastName', { 
 
     get:function() { return lastNameFromConstructor; }, 
 
     set:function(newLastName){ lastNameFromConstructor = newLastName;} 
 
    }); 
 
} 
 

 
var p1= new Person("xyz","abc"); 
 
console.log(p1.firstName); 
 
p1.firstName = 'zyx' 
 
console.log(p1.firstName);

Answer 2

vous devez enregistrer les références aux arguments que vous passez dans le constructeur, de sorte que vous pouvez obtenir/ensemble t ourler après l'instanciation.

function person(fName, lName) {  
    Object.defineProperty(this, 'firstName', { 
    get: function() { return this._firstName; }, 
    set: function (newValue) { this._firstName = newValue; } 
    }); 

    Object.defineProperty(this, 'lastName', { 
    get: function() { return this._lastName; }, 
    set: function (newValue) { this._lastName = newValue; } 
    }); 

    this.firstName = fName; 
    this.lastName = lName; 
} 

var p1 = new person("xyz", "abc"); 
console.log(p1.firstName); 

Answer 3

Dans votre getter vous retournez firstName, mais il est pas encore défini, donc juste au-dessus Object.definePropertyfirstName et déclare assignez l'argument fName à lui.

Aussi, lorsque vous déclarez p1 utiliser l'opérateur new afin que vos person œuvres constructeur et attribue "xyz" à la propriété firstName.

, essayez ceci:

function person(fName, lName) { 
 

 
    var firstName = fName; 
 

 
    Object.defineProperty(this, 'firstName', { 
 

 
    get:function() { return firstName; }, 
 
    set:function(newValue){firstName=newValue;} 
 

 
}); 
 

 
} 
 

 
var p1 = new person("xyz","abc"); 
 

 
console.log(p1.firstName); 
 

 
p1.firstName = "abc"; 
 

 
console.log(p1.firstName);