Cómo crear objeto proxy en JavaScript

En JavaScript, el Apoderado El objeto le permite definir el comportamiento personalizado indirectamente para las operaciones fundamentales de un objeto. También permite a los desarrolladores envolver un objeto proxy alrededor de otro objeto y crear una barrera indetectable a su alrededor.

Con la ayuda del objeto proxy, puede llamar a las funciones, las propiedades de acceso y establecer el objetivo Propiedades del objeto. Un objeto proxy también se considera una excelente herramienta para la encapsulación, ya que restringe el acceso directo al objeto original.

Este artículo explicará el procedimiento para crear un objeto proxy en JavaScript. Entonces, comencemos!

Cómo crear objeto proxy en JavaScript

Se utiliza un constructor proxy () para crear un objeto proxy en JavaScript. El objeto proxy creado se utilizará para interceptar las operaciones típicas del objeto original.

Consulte la sintaxis del constructor proxy de JavaScript.

Sintaxis para crear un objeto proxy en JavaScript

Puede utilizar la sintaxis dada a continuación para crear un nuevo objeto proxy en JavaScript:

Let Proxy = new Proxy (Target, Handler);

Aquí, "objetivo"Representa el objeto que estará envuelto", "manipulador"Es el objeto que comprende los métodos para controlar el comportamiento del objeto objetivo especificado. Por último, "trampas"Se agregan dentro del"manipulador"Objeto como sus métodos.

Ejemplo: cómo crear un objeto proxy en JavaScript

En primer lugar, crearemos un objeto llamado "empleado"Tener las siguientes tres propiedades:

Const Empleado =
Nombre: 'Alex',
género masculino',
Designación: 'Gerente',

Entonces un "manipuladorSe define el objeto, que contiene JavaScript "conseguir()"Método como"trampa". El método JavaScript get () recuperará el especificado "propiedad" del "objetivo"Case y almacene su valor en el objeto del controlador:

Const Handler =
Get (Target, Property)
consola.log ('propiedad $ propiedad se accede');
objetivo de retorno [propiedad];

En el siguiente paso, crearemos un objeto proxy "proxyEmployee"Y pasa el"manipulador" y "empleado"Como objetos objetivo al constructor:

const proxyEmployee = new Proxy (empleado, controlador);

El "proxyEmployee"Utiliza el"empleado"OBJETO para almacenar datos, y luego tiene todo el acceso al"empleado" propiedades del objeto:

Por último, usaremos el "proxyEmployee"OBJETO para obtener el"nombre" y "designación"Propiedades del"empleado" objeto:

consola.log (proxyEmployee.nombre);
consola.log (proxyEmployee.designación);

La salida dada por debajo significa que "proxyEmployee"El objeto ha accedido correctamente a las propiedades del objeto del empleado:

Otra cosa importante para recordar es que si actualiza algún valor de propiedad del "empleado"Objeto, los cambios también se pueden ver en"proxyEmployee".

Por ejemplo, hemos modificado el "empleado" objetos "nombre"Valor de propiedad para"Pablo":

empleado.nombre = 'Pablo';
consola.log (proxyEmployee.nombre);

Producción

Como puede ver en la salida, el valor del "proxyEmployee.nombre"También se cambia. Del mismo modo, cualquier modificación en el "proxyEmployee"El objeto también se reflexionará sobre el"empleado" objeto:

proxyEmployee.designación = 'autor';
consola.Registro (empleado.designación);

La ejecución del código anterior también actualizará el "designación"Valor de propiedad del"empleado" objeto:

Hasta este punto, ha aprendido el procedimiento para crear un objeto proxy en JavaScript. Ahora, consulte la siguiente tabla para obtener una breve descripción de los métodos de trampa proxy.

Trampas proxy en JavaScript

Trampas proxy	Descripción
conseguir()	El "conseguir()"La trampa proxy se activa cuando el objeto proxy accede a la propiedad de un objeto de destino.
colocar()	El "colocar()"La trampa proxy se usa para establecer el valor de propiedad del objeto de destino especificado.
getPrototype ()	El "getPrototype ()"El método atrapa una llamada interna al objeto.getPrototype () y devuelve el prototipo del objeto de destino.
setPrototype ()	El "setPrototype () ”Establece el prototipo del objeto de destino invocando el objeto.método setPrototype ().
isextensibile ()	El "isextensible ()"La trampa proxy invoca la objeto.isextensible () método para determinar si el objetivo es extensible o no.
preventExtensions ()	El "preventExtensions ()"Trap llame al"Objeto.preventExtensions ()Método para evitar las extensiones del objeto objetivo.

Hemos discutido la información crítica sobre la creación de un objeto proxy en JavaScript.

Además, también se proporciona una breve descripción de algunas trampas de proxy útiles; Puede explorarlos más de acuerdo con sus preferencias.

Conclusión

El constructor proxy () se utiliza para crear un objeto proxy en JavaScript. Acepta dos argumentos: objetivo y controlador, donde el objetivo representa el objeto que se envolverá, y el controlador es el objeto que comprende métodos (trampas) para controlar el comportamiento del objetivo especificado. Este artículo explicó el procedimiento para crear objetos proxy en JavaScript.