Comment utiliser Reflect API en JavaScript

La réflexion dans JavaScript est considérée comme la capacité de manipuler les propriétés, les variables et les méthodes d'objet lors de l'exécution. API reflét ES6, Vous permettant d'invoquer des méthodes d'objets, d'obtenir et de définir les valeurs de propriété des objets, de construire des objets, d'étendre et de manipuler les propriétés. Il vous permet également de créer des frameworks et programmes dynamiques de code de code.

Cet article discutera du utiliser de Refléter l'API dans Javascrip avec l'aide d'exemples appropriés. Alors, commençons!

Refléter l'API dans JavaScript

Refléter est un nouvel objet global qui offre de nombreuses fonctions utilitaires qui se chevauchent avec l'ES5 Global "Objet". Toutes les méthodes d'API reflétées par fournies sont les «Fonctions d'introspection,«Ce qui vous permet d'examiner et de manipuler les caractéristiques d'un objet au moment de l'exécution.

Ici, le point à considérer est que les fonctions d'introspection sont déjà intégrées dans JavaScript; Ensuite, pourquoi une nouvelle API est-elle requise lorsque ces fonctionnalités font peut-être déjà partie de l'objet JavaScript?

Jetez un œil aux points divisés ci-dessous pour obtenir la réponse:

Toutes les API dans un seul espace de noms: Comme nous l'avons mentionné précédemment, les API de réflexion d'objets existent déjà dans JavaScript; Cependant, ils n'étaient pas structurés sous un seul espace de noms. Ainsi, dans ES6, toutes les API de réflexion sont organisées dans le «Refléter”Espace de noms.

Simplicité du code: En JavaScript, lorsqu'une méthode d'introspection ne parvient pas à terminer une opération liée à l'objet spécifié, il lance une exception. Cela ajoute des frais généraux supplémentaires au programmeur pour gérer l'exception. Alors que, dans le cas de la réflexion API, l'exception est traitée comme «Booléen«(Vrai ou faux) valeur.

Fiabilité des appels de fonction: Par rapport aux fonctions d'objet dans ES5, l'API de réflexion fournit un moyen plus élégant et fiable d'appeler ou d'appliquer une fonction.

Maintenant, passons en détail par l'utilisation des méthodes API de réflexion.

Comment utiliser Reflect.Construction () Méthode en JavaScript

Le "Refléter.construction()»La méthode JavaScript est utilisée pour invoquer le constructeur API de réflexion tout en spécifiant les arguments requis. Cette méthode se comporte de la même manière que le «nouveau»Opérateur. Vous pouvez également utiliser la réflexion.Construction () Méthode pour le prototype de réglage d'un objet.

Syntaxe de l'utilisation de la réflexion.Construction () Méthode en JavaScript

Refléter.Construction (Target, ArgumentsList [, newtarget])

Ici, "cible"Représente la fonction cible qui sera invoquée,"arguments liste«Sont le paramètre de fonction, et«newtarget"Est un paramètre facultatif utilisé pour spécifier le prototype d'un constructeur.

Exemple: comment utiliser Reflect.Construction () Méthode en JavaScript

Maintenant, nous utiliserons la réflexion.Construct () Méthode pour créer un objet "X" ayant "Déployer”Prototype et la liste des arguments suivants:

const x = refléter.Construction (Array, [10,20,30,40,50]);
console.log (x);

L'exécution du code ci-dessus renvoie un nouveau "X”Objet avec la liste d'arguments spécifiée et son prototype:

Comment utiliser Reflect.Appliquer () Méthode en javascript

Le "Refléter.appliquer()«La méthode est utilisée pour appeler une fonction à l'aide de l'argument spécifié.

Syntaxe de l'utilisation de la réflexion.Appliquer () Méthode en javascript

Refléter.s'appliquer (cible, thisarg, arguments)

Ici, "cible"Représente la fonction cible qui sera invoquée,"thisarg«Va se comporter comme un«ce»Mot-clé pour la fonction, et«arguments”Représenter les paramètres que la fonction invoquée acceptera.

Exemple: comment utiliser Reflect.Appliquer () Méthode en javascript

Tout d'abord, nous créerons un «X»Array qui comprend cinq éléments:

var x = [10,20,30,40,50];

Dans la prochaine étape, nous utiliserons le «Refléter.appliquer()«Méthode pour appliquer le«Mathématiques.max"Fonction au tableau nommé"X»:

console.se connecter (réfléchir.postuler (mathématiques.max, non défini, x));

Le "Mathématiques.max«La fonction renverra le plus grand nombre qui existe dans le«X" déployer:

Comment utiliser Reflect.Méthode DefineProperty () en JavaScript

Si vous souhaitez ajouter ou mettre à jour les propriétés d'un objet, utilisez le Refléter.DefineProperty () Méthode JavaScript. Cela fonctionne comme le Objet.DefineProperty () méthode; Cependant, le Refléter.DefineProperty () La méthode renvoie une valeur booléenne plutôt que l'objet modifié.

Syntaxe de l'utilisation de la réflexion.Méthode DefineProperty () en JavaScript

Refléter.DefineProperty (Target, PropertyKey, Attributs)

Ici, "cible"Représente la fonction cible qui sera invoquée,"biens de propriété»Indique la propriété de l'objet qui doit être définie ou modifiée, et«les attributs”Définissez la valeur de la propriété spécifiée.

Exemple: comment utiliser Reflect.Méthode DefineProperty () en JavaScript

Dans l'exemple ci-dessous, nous définirons «soutenir"Comme propriété pour le"obj1”Objet JavaScript qui contient"60«Comme sa valeur:

const obj1 = ;
(Refléter.DefineProperty (obj1, 'prop', valeur: 60))
console.journal (obj1.soutenir);

Comme vous pouvez le voir, nous avons défini avec succès une valeur pour le «soutenir«Propertykey de«obj1" en utilisant le Refléter.DefineProperty () méthode:

Comment utiliser Reflect.Méthode get () en javascript

En javascript, le Refléter.Méthode get () récupère la propriété d'un objet en fonction.

Syntaxe de l'utilisation de la réflexion.Méthode get () en javascript

Refléter.get (Target, PropertyKey [, récepteur])

Ici, "cible»Représente l'objet JavaScript dont la propriété est accessible:«biens de propriété"Indique le nom de la propriété que vous souhaitez obtenir, et"destinataire"Est un paramètre facultatif qui représente la valeur de"ce”Utilisé pour appeler la cible.

Exemple: comment utiliser Reflect.Méthode get () en javascript

Le "Refléter.obtenir()«La méthode est utilisée dans l'exemple suivant pour obtenir le d'abord Valeur de la propriété du «X" déployer:

var x = [10,20,30,40,50];
console.se connecter (réfléchir.get (x, '1'));

La sortie du code fourni affichera la valeur de la propriété spécifiée:

Comment utiliser Reflect.Méthode getPrototypeOf () en javascript

Le "Refléter.getPrototypeOf ()»La méthode est invoquée pour récupérer le prototype d'un objet JavaScript.

Syntaxe de l'utilisation de la réflexion.Méthode getPrototypeOf () en javascript

Refléter.getPrototypeOf (cible)

Ici, "cible»Représente les objets dont le prototype sera récupéré à l'aide de Refléter.getPrototypeOf () méthode.

Exemple: comment utiliser Reflect.Méthode getPrototypeOf () en javascript

Premièrement, nous créerons un objet de «nul" prototype:

const obj1 = objet.créer (null);

Après cela, nous utiliserons le «Refléter.getPrototypeOf ()«Méthode pour obtenir le prototype de«obj1»:

console.se connecter (réfléchir.getPrototypeOf (obj1));

La sortie en dessous signifie que «obj1" a "nul" prototype:

Comment utiliser Reflect.Set () Méthode en javascript

En javascript, le Refléter.Set () Méthode est utilisé pour définir la valeur de la propriété d'un objet.

Syntaxe de l'utilisation de la réflexion.Set () Méthode en javascript

Refléter.set (cible, propriétéKey, valeur [, récepteur])

Ici, "cible»Représente la valeur de la propriété entière de l'objet JavaScript que nous allons définir:«biens de propriété"Est une propriété d'objet spécifiée,"valeur»Indique la nouvelle valeur. Dernièrement, "destinataire"Est un paramètre facultatif ayant la valeur de"ce”Utilisé pour appeler la cible.

Exemple: comment utiliser Reflect.Set () Méthode en javascript

Pour démontrer l'utilisation de la réflexion.Set () Méthode, tout d'abord, créez un objet vide nommé «obj»:

const obj = [];

Ensuite, exécutez le code sous-donné pour définir les valeurs de propriété de l'objet spécifié:

Refléter.set (obj, 0, «premier»);
Refléter.set (obj, 1, «second»);
Refléter.set (obj, 2, «troisième»);
console.log (obj);

Maintenant, consultez le «obj»Valeurs de propriétés que nous avons définies en utilisant la réflexion.Set () Méthode:

Comment utiliser Reflect.Méthode DeleleProperty () en JavaScript

Vous pouvez utiliser le Refléter.Méthode DeleleProperty () pour supprimer la propriété spécifiée d'un objet.

Syntaxe de l'utilisation de la réflexion.Méthode DeleleProperty () en JavaScript

Refléter.DeleteProperty (Target, PropertyKey)

Ici, "cible»Représente l'objet JavaScript dont la propriété sera supprimée et«biens de propriété»Indique sa propriété.

Exemple: comment utiliser Reflect.Méthode DeleleProperty () en JavaScript

Cet exemple utilisera la réflexion.Méthode deleteproperty () pour supprimer le d'abord Valeur de propriété du créé "X" objet:

var x = [10,20,30,40,50];
Refléter.DeleteProperty (x, '1');

Sortir

Le "Refléter.DeleleProperty ()"La méthode reviendra"vrai«Si la propriété de l'objet spécifié est supprimée avec succès; Sinon, le dossier de retour sera défini sur «FAUX«Lorsque la propriété spécifiée n'est pas trouvée.

Conclusion

L'utilisation de l'API de réflexion dans JavaScript vous permet d'invoquer des méthodes d'objet, d'obtenir et de définir les valeurs de propriété des objets, de construire des objets, d'étendre et de manipuler ses propriétés au moment de l'exécution. Il permet également la création de frameworks et de programmes dynamiques. Cet article a discuté de l'utilisation de l'API de réflexion dans JavaScript à l'aide d'exemples appropriés.