Sofiane Boumedine Lexique Dev

Proxy

JavaScript 🔴 Senior

Type : Concept

Definition

Un Proxy enveloppe un objet et intercepte les operations fondamentales (lecture, ecriture, suppression, etc.) via des "traps". Il permet de definir un comportement personnalise pour ces operations.

Analogie

Un portier d'hotel qui intercepte chaque visiteur : il peut laisser passer, refuser l'entree, ou rediriger vers un autre etage.

Exemple de code

const handler = {
  get(target, prop) {
    return prop in target ? target[prop] : class="str">`${prop} n'existe pas`;
  }
};
const obj = new Proxy({ a: 1 }, handler);
console.log(obj.a); class="cmt">// 1
console.log(obj.b); class="cmt">// "b n'existe pas"

Cas d'usage

Implementer la reactivite (Vue 3), la validation automatique de proprietes ou le logging transparent.

coreinterview-question