Maison  >  Article  >  interface Web  >  A quoi servent les décorateurs es6 ?

A quoi servent les décorateurs es6 ?

WBOY
WBOYoriginal
2022-05-05 15:22:031436parcourir

Dans es6, les décorateurs sont utilisés pour annoter ou modifier des classes et des méthodes de classe. Il s'agit d'une syntaxe liée à la classe ; le décorateur est une fonction exécutée au moment de la compilation, qui ajoute des conditions de contrôle aux méthodes de classe ou d'attribut sous la classe. Généralement placés devant la définition des classes et des méthodes de classe, ils peuvent être divisés en deux types : les décorateurs de classe et les décorateurs de méthodes de classe. La syntaxe est "@nom de fonction".

A quoi servent les décorateurs es6 ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Quelles sont les utilisations des décorateurs es6

Décorateur : il s'agit d'une syntaxe liée aux classes qui est utilisée pour annoter et modifier les classes ainsi que les méthodes et propriétés liées aux classes. De nombreux langages orientés objet possèdent cette fonctionnalité. Généralement lié aux classes, n'utilisez pas de méthodes ordinaires.

Decorator est une sorte de fonction. Il est écrit sous le nom de @function Il peut être placé avant les définitions de classe et de méthode de classe. Le décorateur doit exécuter la fonction et ajouter des conditions de contrôle à la classe ou à la méthode d'attribut sous la classe

Décorateur

Conduire un autre code vers la classe ou l'attribut de classe, qui peut réutiliser le code

Le décorateur est principalement utilisé pour : décorer les classes, décorer Des exemples de méthodes ou d'attributs

sont les suivants :

Classe de décoration

@annotation
class MyClass { }
function annotation(target) {
   target.annotated = true;
}

Méthodes ou attributs de décoration

class MyClass {
  @readonly
  method() { }
}
function readonly(target, name, descriptor) {
  descriptor.writable = false;
  return descriptor;
}

[Recommandations associées : Tutoriel vidéo javascript, front-end web]

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn