Come creare oggetto proxy in javascript

In JavaScript, il Proxy L'oggetto consente di definire indirettamente il comportamento personalizzato per le operazioni fondamentali di un oggetto. Permette inoltre agli sviluppatori di avvolgere un oggetto proxy attorno a un altro oggetto e creare una barriera non rilevabile attorno ad esso.

Con l'aiuto dell'oggetto proxy, è possibile chiamare funzioni, accedere alle proprietà e impostare il bersaglio Proprietà dell'oggetto. Un oggetto proxy è anche considerato uno strumento eccellente per l'incapsulamento, in quanto limita l'accesso diretto all'oggetto originale.

Questo articolo spiegherà la procedura per creare un oggetto proxy in JavaScript. Quindi iniziamo!

Come creare oggetto proxy in javascript

Un costruttore proxy () viene utilizzato per la creazione di un oggetto proxy in JavaScript. L'oggetto proxy creato verrà quindi utilizzato per intercettare le operazioni tipiche dell'oggetto originale.

Dai un'occhiata alla sintassi del costruttore proxy JavaScript.

Sintassi per la creazione di un oggetto proxy in JavaScript

È possibile utilizzare la sintassi di seguito per la creazione di un nuovo oggetto proxy in JavaScript:

let proxy = new proxy (target, gestore);

Qui, "bersaglio"Rappresenta l'oggetto che verrà avvolto,"gestore"È l'oggetto che comprende i metodi per controllare il comportamento dell'oggetto target specificato. Da ultimo, "trappole"Vengono aggiunti all'interno del"gestore"Oggetto come i suoi metodi.

Esempio: come creare un oggetto proxy in javascript

Prima di tutto, creeremo un oggetto chiamato "dipendente"Avere le seguenti tre proprietà:

const dipendente =
Nome: 'Alex',
genere maschile',
Designazione: "Manager",

Poi un "gestore"L'oggetto è definito, che contiene JavaScript "Ottenere()Metodo "come"trappola". Il metodo JavaScript get () recupererà il specificato "proprietà"Del"bersaglio"Caso e memorizza il suo valore nell'oggetto gestore:

const handler =
get (target, proprietà)
console.log ('Proprietà $ Proprietà è accessibile');
Target di restituzione [Proprietà];

Nel prossimo passaggio, creeremo un oggetto proxy "proxyempyee"E passa il"gestore" E "dipendente"Come obiettivi target al costruttore:

const proxyemployee = new proxy (dipendente, gestore);

IL "proxyempyee"Utilizza il"dipendente"Oggetto per archiviare i dati e quindi ha tutto l'accesso al"dipendente"Proprietà dell'oggetto:

Infine, useremo il "proxyempyee"Oggetto per ottenere il"nome" E "designazione"Proprietà del"dipendente"Oggetto:

console.registro (proxyemployee.nome);
console.registro (proxyemployee.designazione);

L'output di seguito è indicato che "proxyempyee"L'oggetto ha accettato correttamente le proprietà dell'oggetto del dipendente:

Un'altra cosa importante da ricordare è che se si aggiorna un valore di proprietà del "dipendente"Oggetto, i cambiamenti possono anche essere visti in"proxyempyee".

Ad esempio, abbiamo modificato il "dipendente"Oggetto"nome"Valore della proprietà a"Paolo":

dipendente.name = 'Paul';
console.registro (proxyemployee.nome);

Produzione

Come puoi vedere dall'output, il valore di "proxyempyee.nome"È anche cambiato. Allo stesso modo, qualsiasi modifica in "proxyempyee"L'oggetto rifletterà anche sul"dipendente"Oggetto:

proxyempyee.Designation = 'Autore';
console.registro (dipendente.designazione);

L'esecuzione del codice sopra dato aggiornerà anche "designazione"Valore della proprietà del"dipendente"Oggetto:

Fino a questo punto, hai imparato la procedura per creare un oggetto proxy in JavaScript. Ora, controlla la seguente tabella per ottenere una breve panoramica dei metodi trappola proxy.

Trappole per procura in javascript

Trappole per procura	Descrizione
Ottenere()	IL "Ottenere()"La trap proxy viene attivata quando l'oggetto proxy accede alla proprietà di un oggetto target.
impostato()	IL "impostato()"La trap proxy viene utilizzata per impostare il valore della proprietà dell'oggetto target specificato.
getProtoType ()	IL "getProtoType ()"Il metodo intrappola una chiamata interna all'oggetto.getProtoType () e restituisce il prototipo dell'oggetto target.
setProtoType ()	IL "setPrototype () ”Imposta il prototipo dell'oggetto target invocando l'oggetto.Metodo setPrototype ().
isExtensiBile ()	IL "isEstensible ()"La trap proxy invoca il oggetto.isEstensible () metodo per determinare se l'obiettivo è estensibile o no.
PreventExtensions ()	IL "PreventExtensions ()"Trap chiama il"Oggetto.PreventExtensions ()"Metodo per prevenire le estensioni dell'oggetto target.

Abbiamo discusso delle informazioni critiche sulla creazione di un oggetto proxy in JavaScript.

Inoltre, viene inoltre fornita una breve descrizione di alcune trappole proxy utili; Puoi esplorarli ulteriormente in base alle tue preferenze.

Conclusione

Il costruttore proxy () viene utilizzato per creare un oggetto proxy in javascript. Accetta due argomenti: target e gestore, in cui il bersaglio rappresenta l'oggetto che verrà avvolto e il gestore è l'oggetto che comprende metodi (trappole) per controllare il comportamento del bersaglio specificato. Questo articolo ha spiegato la procedura per creare oggetti proxy in JavaScript.