Comment créer un objet proxy dans JavaScript

En javascript, le Procuration L'objet vous permet de définir indirectement le comportement personnalisé pour les opérations fondamentales d'un objet. Il permet également aux développeurs d'envelopper un objet proxy autour d'un autre objet et de créer une barrière indétectable autour de lui.

À l'aide de l'objet proxy, vous pouvez appeler des fonctions, accéder aux propriétés et définir le cible Propriétés de l'objet. Un objet proxy est également considéré comme un excellent outil pour l'encapsulation, car il restreint l'accès direct à l'objet d'origine.

Cette rédaction expliquera la procédure pour créer un objet proxy dans JavaScript. Alors, commençons!

Comment créer un objet proxy dans JavaScript

Un constructeur proxy () est utilisé pour créer un objet proxy dans JavaScript. L'objet proxy créé sera ensuite utilisé pour intercepter les opérations typiques de l'objet d'origine.

Découvrez la syntaxe du constructeur de proxy JavaScript.

Syntaxe pour créer un objet proxy dans JavaScript

Vous pouvez utiliser la syntaxe donnée ci-dessous pour créer un nouvel objet proxy dans JavaScript:

Soit Proxy = nouveau proxy (cible, gestionnaire);

Ici, "cible"Représente l'objet qui sera enveloppé,"maître"L'objet qui comprend les méthodes de contrôle du comportement de l'objet cible spécifié. Dernièrement, "pièges"Sont ajoutés à l'intérieur du"maître”Objet comme ses méthodes.

Exemple: comment créer un objet proxy dans JavaScript

Tout d'abord, nous créerons un objet nommé «employé«Avoir les trois propriétés suivantes:

const Employee =
Nom: 'Alex',
genre masculin',
Désignation: «gestionnaire»,

Puis un "maître”L'objet est défini, qui contient JavaScript "obtenir()«Méthode comme«piège". La méthode javascript get () récupérera la spécifiée "propriété" de la "cible»Cas et stocker sa valeur dans l'objet de gestionnaire:

const Handler =
get (cible, propriété)
console.log ('propriété $ propriété est accessible');
Retour cible [propriété];

Dans l'étape suivante, nous créerons un objet proxy "proxyemployé"Et passez le"maître" et "employé«Comme cible s'oppose au constructeur:

const proxyEmployee = new proxy (employé, gestionnaire);

Le "proxyemployé"Utilise le"employé«Objet pour stocker les données, et il a alors tout accès au«employé«Propriétés des objets:

Enfin, nous utiliserons le «proxyemployé"Objet pour obtenir le"nom" et "désignation«Propriétés du«employé" objet:

console.journal (proxyemployee.nom);
console.journal (proxyemployee.désignation);

La sortie en dessous signifie que «proxyemployé«L'objet a accédé à la réussite des propriétés de l'objet de l'employé:

Une autre chose importante à retenir est que si vous mettez à jour une valeur de propriété du «employé"Objet, les changements peuvent également être vus dans"proxyemployé".

Par exemple, nous avons modifié le «employé" objets "nom«Valeur de la propriété à«Paul»:

employé.name = 'Paul';
console.journal (proxyemployee.nom);

Sortir

Comme vous pouvez le voir sur la sortie, la valeur du «proxyemployé.nom"Est également modifié. De même, toute modification du «proxyemployé"L'objet réfléchira également sur le"employé" objet:

proxyemployé.désignation = 'auteur';
console.journal (employé.désignation);

L'exécution du code ci-dessus mettra également à jour le «désignation«Valeur de propriété du«employé" objet:

Jusqu'à ce point, vous avez appris la procédure pour créer un objet proxy dans JavaScript. Maintenant, consultez le tableau suivant pour obtenir un bref aperçu des méthodes de piège proxy.

Pièges proxy en javascript

Pièges à proxy	Description
obtenir()	Le "obtenir()»Le piège proxy est déclenché lorsque l'objet proxy accède à la propriété d'un objet cible.
ensemble()	Le "ensemble()»Le piège proxy est utilisé pour définir la valeur de propriété de l'objet cible spécifié.
getProtype ()	Le "getProtype ()»La méthode piège un appel interne à l'objet.getPrototype () et renvoie le prototype de l'objet cible.
setProtype ()	Le "setPrototype () ”Définit le prototype de l'objet cible en invoquant l'objet.Méthode setPrototype ().
isextensibile ()	Le "iSExtenible ()»Le piège proxy invoque le objet.iSExtenible () Méthode pour déterminer si la cible est extensible ou non.
prévenus ()	Le "prévenus ()«Trap appelez le«Objet.prévenus ()”Méthode pour empêcher les extensions de l'objet cible.

Nous avons discuté des informations critiques sur la création d'un objet proxy dans JavaScript.

De plus, une brève description de certains pièges à proxy utiles est également fournie; Vous pouvez les explorer davantage en fonction de vos préférences.

Conclusion

Le constructeur proxy () est utilisé pour créer un objet proxy dans JavaScript. Il accepte deux arguments: la cible et le gestionnaire, où la cible représente l'objet qui sera emballé, et le gestionnaire est l'objet qui comprend des méthodes (pièges) pour contrôler le comportement de la cible spécifiée. Cet article a expliqué la procédure pour créer des objets proxy en javascript.