Metaprogramacin

Proxies

Introducidos en ECMAScript 6, los objetos Proxy 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 objeto Proxy define un target (un objeto vaco aqu) y un objeto handler, en el que se implementa un get trap. Aqu, un objeto que es proxy no devolver undefined cuando obtenga propiedades indefinidas, sino que devolver el nmero 42.

Hay ejemplos adicionales disponibles en la pgina de referencia Proxy.

Terminologa

Los siguientes trminos se utilizan cuando se habla de la funcionalidad de los proxies.

handler

Objeto marcador de posicin que contiene trampas.

traps

Los mtodos que proporcionan acceso a la propiedad. (Esto es anlogo al concepto de trampas en los sistemas operativos).

target

Objeto que virtualiza el proxy. A menudo se utiliza como interfaz de administracin de almacenamiento para el proxy. Las invariantes (semntica que permanece sin cambios) con respecto a la no extensibilidad del objeto o las propiedades no configurables se verifican con el target.

invariants

La semntica que permanece sin cambios al implementar operaciones personalizadas se denominan invariants. Si violas las invariantes de un controlador, se lanzar un TypeError.

Controladores y trampas

La siguiente tabla resume las trampas disponibles para los objetos Proxy. Ve las pginas de referencia para explicaciones detalladas y ejemplos.

Proxy revocable

El mtodo Proxy.revocable() se usa para crear un objeto Proxy revocable. Esto significa que el proxy se puede revocar mediante la funcin revoke y apagar el proxy.

Posteriormente, cualquier operacin en el proxy conduce a un TypeError.

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 TypeError
proxy.foo = 1; // TypeError nuevamente
delete proxy.foo; // todava TypeError
typeof proxy; // "object", typeof no activa ninguna trampa

Reflexin

Reflect es un objeto integrado que proporciona mtodos para operaciones JavaScript interceptables. Los mtodos son los mismos que los de proxy handlers.

Reflect no es un objeto funcin.

Reflect ayuda con el reenvo de las operaciones predeterminadas del controlador al target.

Con Reflect.has() por ejemplo, obtienes el operador in como funcin:

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

Una mejor funcin apply

En ES5, normalmente usas el mtodo Function.prototype.apply() para llamar a una funcin con un valor this y arguments proporcionado como un arreglo (o un objeto similar a un arreglo).

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

Con Reflect.apply esto se vuelve menos detallado y ms fcil 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;
// 4

Reflect.apply("".charAt, "ponies", [3]);
// "i"

Comprobando si la definicin de la propiedad ha sido exitosa

Con Object.defineProperty, que devuelve un objeto si tiene xito, o arroja un TypeError de lo contrario, usara un bloque try...catch para detectar cualquier error que haya ocurrido al definir una propiedad. Debido a que Reflect.defineProperty devuelve un estado de xito booleano, aqu puedes usar un bloque if...else:

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

• Anterior