Meta programming

Comenzando con ECMAScript 6, JavaScript gana soporte para el Proxy y objetos Reflect permitiendote interceptar y definir comportamiento customizado para operaciones fundamentales del lenguaje (por ejemplo, observación de propiedad, asignación, enumeración, invocación de funciones, etc). Con la ayuda de estos dos objetos, eres capaz de programar en el nivel meta de javascript.

Proxies

Introducido en ECMAScript 6, objetos Proxy te permiten interceptar ciertas operaciones e implementar comportamientos customizados. Por ejemplo, obteniendo una propiedad de un objeto:

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

El objeto Proxy define un objetivo (un objeto aquí) y un objeto controlador en el cual una trampa get es implementada. Aquí, un objeto que es interceptado no regresará undefined cuando atrapas propiedades indefinidas, sino que regresará el número 42.

Ejemplos adicionales están disponibles en la página de referencia de Proxy.

Terminología

Los siguientes términos son utilizados cuando se habla sobre la funcionalidad de los proxies.

handler

Objeto Placeholder el cual contiene trampas.

trampas

Los métodos que el acceso a la propiedad provee. Esto es análogo al concepto de trampas en sistemas operativos

objetivo

Objeto el cual el proxy visualiza. Es utilizado de forma seguida el backend de almacenamiento para el proxy. Invariantes (semanticas que se mantienen sin cambiar) sin importar inextensibilidad del objeto o las propiedades no-configurables son verificadas contra el objetivo.

invariantes

Semanticas que se mantienen sin cambiar cuando se implementan operaciones customizadas se llaman invariantes. Si violas las invariantes de un controlador, una TypeError será lanzada.

Controladores y trampas

La siguiente tabla resume las trampas disponibles que son disponibles para objetos  Proxy . Vea  paginas de referencias para explicaciones detalladas y ejemplos.

Proxy revocable

The Proxy.revocable() method is used to create a revocable Proxy object. This means that the proxy can be revoked via the function revoke and switches the proxy off. Afterwards, any operation leads on the proxy leads to a TypeError.

var revocable = Proxy.revocable({}, {
  get: function(target, name) {
    return "[[" + name + "]]";
  }
});
var proxy = revocable.proxy;
console.log(proxy.foo); // "[[foo]]"

revocable.revoke();

console.log(proxy.foo); // TypeError is thrown
proxy.foo = 1           // TypeError again
delete proxy.foo;       // still TypeError
typeof proxy            // "object", typeof doesn't trigger any trap

Reflexión

Reflect is a built-in object that provides methods for interceptable JavaScript operations. The methods are the same as those of the proxy handlers. Reflect is not a function object.

Reflect helps with forwarding default operations from the handler to the target.

With Reflect.has() for example, you get the in operator as a function:

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

Una mejor función apply

In ES5, you typically use the Function.prototype.apply() method to call a function with a given this value and arguments provided as an array (or an array-like object).

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

With Reflect.apply this becomes less verbose and easier to understand:

Reflect.apply(Math.floor, undefined, [1.75]); 
// 1;

Reflect.apply(String.fromCharCode, undefined, [104, 101, 108, 108, 111]);
// "hello"

Reflect.apply(RegExp.prototype.exec, /ab/, ["confabulation"]).index;
// 4

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

Checando si la definición de propiedad ha sido exitosa

With Object.defineProperty, which returns an object if successful, or throws a TypeError otherwise, you would use a try...catch block to catch any error that occurred while defining a property. Because Reflect.defineProperty returns a Boolean success status, you can just use an if...else block here:

if (Reflect.defineProperty(target, property, attributes)) {
  // success
} else {
  // failure
}