Proxy

JavaScript 🔴 Senior

Définition

Objet qui encapsulé un autre objet et intercepte les opérations fondamentales (get, set, has, delete, etc.) via des traps. Base de la réactivité dans Vue 3 et des ORMs modernes.

Analogie

Un secrétaire personnel qui intercepte tous tes appels et courriers, et peut les modifier avant de te les transmettre.

Exemple de code

const handler = {
  get(target, key) {
    console.log(`Reading ${key}`);
    return target[key];
  },
  set(target, key, value) {
    console.log(`Setting ${key}=${value}`);
    target[key] = value;
    return true;
  }
};
const proxy = new Proxy({}, handler);

Cas d'usage

Systèmes réactifs (Vue 3), validation automatique, logging transparent, mocking en tests.

Anti-pattern

Abuser des Proxy en hot path : l'overhead d'interception dégrade les performances.
#core#ES6#avance#pattern

← → au clavier pour passer d'une fiche à l'autre