¿Puede JavaScript implementar captadores/definidores dinámicos?

Los captadores y definidores dinámicos permiten que los objetos JavaScript manejen el acceso y la modificación de propiedades más allá de las propiedades predefinidas. Si bien las técnicas anteriores de JavaScript empleaban captadores y definidores específicos para propiedades conocidas, este artículo explora la posibilidad de implementar captadores y definidores generales para cualquier propiedad no definida.

ES2015 Proxy: una solución dinámica

ES2015 introdujo proxies JavaScript, que permiten la creación de objetos que sirven como intermediarios para otros objetos. Esta capacidad abre captadores y definidores dinámicos:

const original = {
    example: "value",
};
const proxy = new Proxy(original, {
    get(target, name, receiver) {
        if (Reflect.has(target, name)) {
            let rv = Reflect.get(target, name, receiver);
            if (typeof rv === "string") {
                rv = rv.toUpperCase();
            }
            return rv;
        }
        return "missing";
    },
});

console.log(`proxy.example = ${proxy.example}`); // "proxy.example = VALUE"
console.log(`proxy.unknown = ${proxy.unknown}`); // "proxy.unknown = missing"

En este ejemplo, el objeto proxy intercepta el acceso a la propiedad del objeto original. Al acceder a una propiedad de cadena, el proxy la convierte a mayúsculas y la devuelve; para propiedades desconocidas, devuelve "faltante" en lugar de indefinido.

Esta implementación es compatible con todos los navegadores si el navegador admite ES2015 (ES6). Para navegadores más antiguos, considere usar polyfills o técnicas alternativas. Los proxies proporcionan una solución flexible para captadores y definidores dinámicos, lo que permite un manejo eficiente de propiedades y una introspección de propiedades sin modificar el objeto original.