Comprendre l'utilisation des objets JavaScript Proxy() (exemples de code)

Les objets proxy en JavaScript sont utilisés pour définir des comportements personnalisés pour les opérations de base (par exemple, recherches de propriétés, affectations, énumérations, appels de fonction, etc.).

Syntaxe :

var p = new Proxy(target, handler);

Paramètres : L'objet proxy accepte deux paramètres comme mentionné ci-dessus, comme suit :

target : L'objet cible à envelopper avec Proxy (peut être n'importe quel type d'objet, y compris une fonction, une classe ou même un autre proxy).

handler : Un objet dont les propriétés sont des fonctions qui définissent le comportement de l'agent lorsque des opérations sont effectuées sur lui.

Exemple :

<script> 
const Person = { 
    Name: &#39;John Nash&#39;, 
    Age: 25 
}; 
  
const handler = { 
    // target表示Person，而prop表示代理属性。
    get: function(target, prop) { 
        if (prop === &#39;FirstName&#39;) { 
            return target.Name.split(&#39; &#39;)[0]; 
        } 
        if (prop === &#39;LastName&#39;) { 
            return target.Name.split(&#39; &#39;).pop(); 
        } 
        else { 
            return Reflect.get(target,prop); 
        } 
    } 
}; 
  
const proxy1 = new Proxy(Person, handler); 
  
document.write(proxy1 + "<br>"); 
  
// 虽然没有像FirstName和LastName那样的属性，但是我们仍然获取到它们，就好像它们是属性而不是函数一样。
document.write(proxy1.FirstName + "<br>"); 
document.write(proxy1.LastName  + "<br>");      
</script>

Sortie :

[object Object]
John
Nash

Remarque : Si NodeJs est installé, le code ci-dessus peut être exécuté directement dans le terminal, sinon il peut être exécuté dans le terminal. Exécutez-le dans un fichier HTML en collant le code ci-dessus dans une balise de script et en vérifiant la sortie dans la console de n'importe quel navigateur Web.

Recommandations associées : "Tutoriel JavaScript"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!