Introducidos en ECMAScript 6, los objetosProxy te permiten interceptar ciertas operaciones e implementar comportamientos personalizados.

Por ejemplo, obtener una propiedad sobre un objeto:

let handler = {  get: function (target, name) {    return name in target ? target[name] : 42;  },};let p = new Proxy({}, handler);p.a = 1;console.log(p.a, p.b); // 1, 42

El objetoProxy define untarget (un objeto vacío aquí) y un objetohandler, en el que se implementa ungettrap. Aquí, un objeto que es proxy no devolveráundefined cuando obtenga propiedades indefinidas, sino que devolverá el número42.

Hay ejemplos adicionales disponibles en la página de referenciaProxy.

Los siguientes términos se utilizan cuando se habla de la funcionalidad de los proxies.

handler

Objeto marcador de posición que contiene trampas.

traps

Los métodos que proporcionan acceso a la propiedad. (Esto es análogo al concepto detrampas en los sistemas operativos).

target

Objeto que virtualiza el proxy. A menudo se utiliza como interfaz de administración de almacenamiento para el proxy. Las invariantes (semántica que permanece sin cambios) con respecto a la no extensibilidad del objeto o las propiedades no configurables se verifican con eltarget.

invariants

La semántica que permanece sin cambios al implementar operaciones personalizadas se denominaninvariants. Si violas las invariantes de un controlador, se lanzará unTypeError.

La siguiente tabla resume las trampas disponibles para los objetosProxy. Ve laspáginas de referencia para explicaciones detalladas y ejemplos.

El métodoProxy.revocable() se usa para crear un objetoProxy revocable. Esto significa que el proxy se puede revocar mediante la funciónrevoke y apagar el proxy.

Posteriormente, cualquier operación en el proxy conduce a unTypeError.

let revocable = Proxy.revocable(  {},  {    get: function (target, name) {      return "[[" + name + "]]";    },  },);let proxy = revocable.proxy;console.log(proxy.foo); // "[[foo]]"revocable.revoke();console.log(proxy.foo); // Lanza TypeErrorproxy.foo = 1; // TypeError nuevamentedelete proxy.foo; // todavía TypeErrortypeof proxy; // "object", typeof no activa ninguna trampa

Reflect es un objeto integrado que proporciona métodos para operaciones JavaScript interceptables. Los métodos son los mismos que los deproxy handlers.

Reflect no es un objeto función.

Reflect ayuda con el reenvío de las operaciones predeterminadas del controlador altarget.

ConReflect.has() por ejemplo, obtienes el operadorin como función:

Reflect.has(Object, "assign"); // true

En ES5, normalmente usas el métodoFunction.prototype.apply() para llamar a una función con un valorthis yarguments proporcionado como un arreglo (o unobjeto similar a un arreglo).

Function.prototype.apply.call(Math.floor, undefined, [1.75]);

ConReflect.apply esto se vuelve menos detallado y más fácil de entender:

Reflect.apply(Math.floor, undefined, [1.75]);// 1;Reflect.apply(String.fromCharCode, undefined, [104, 101, 108, 108, 111]);// "hola"Reflect.apply(RegExp.prototype.exec, /ab/, ["confabulation"]).index;// 4Reflect.apply("".charAt, "ponies", [3]);// "i"

ConObject.defineProperty, que devuelve un objeto si tiene éxito, o arroja unTypeError de lo contrario, usaría un bloquetry...catch para detectar cualquier error que haya ocurrido al definir una propiedad. Debido a queReflect.defineProperty devuelve un estado de éxito booleano, aquí puedes usar un bloqueif...else:

if (Reflect.defineProperty(target, property, attributes)) {  // éxito} else {  // fracaso}

• Anterior