Nouvelle Classe Javascript

| | | | | |

JavaScript est basé sur des prototypes. Chaque fois que vous déclarez un objet, une propriété prototype est créé , qui étend les propriétés et méthodes associées à cet objet.

Ces dernières années, de nombreux développeurs JavaScript ont été cherchent des moyens d’orientation des objets à incorporer. objets design dans leur code. Cela a donné naissance à un nouveau type d’objet en JavaScript appelé une classe qui étend un prototype.

Dans ce guide, nous allons discuter de ce que les classes sont, pourquoi ils sont utilisés, et comment vous pouvez mettre en ≈ìuvre une classe dans votre code. Nous allons donner un exemple pour vous aider à démarrer avec des classes.

Qu’est - ce qu’une classe JavaScript?

Les classes sont un moyen de déclarer un modèle pour un objet.

Si vous connaissez les langages de programmation orientés objet, vous saurez qu’ils dépendent fortement des classes et des objets. Une classe est comme un modèle pour un type de données: il est dit que les données peuvent être stockées et quelles méthodes sont accessibles. Un objet est une instance de cette classe.

Un exemple d’une classe serait Livre . Cette classe contiendrait le plan directeur pour les informations pourraient être stockées sur les livres et comment ces données pourraient être modifiées. Un objet pourrait être un tramway appelé désir, qui est un livre individuel.

En JavaScript, les classes sont ce que nous appelons le sucre syntaxique. La syntaxe des classes est agréable d’avoir, mais ils ne correspondent pas nécessairement de nouvelles fonctionnalités.

Les classes sont couramment utilisés dans JavaScript moderne des cadres tels que React et Next.js.

leçons par rapport à Fonctions

Si vous vous rappelez une chose de cet article, que ce soit celle - ci: les classes sont des fonctions tout à fait normal

la seule différence entre une classe et une expression de fonction est la façon dont ils sont déclarés, les fonctions utilisent le mot - clé et classes utilisent la classe . techniquement mot - clé, vous pouvez déclarer une classe sans même utiliser le mot - clé de classe

on peut dire que ce sont les mêmes en créant deux fonctions et l’ impression de leurs prototypes.

p>

Nos rendements de classe et d’ expression de la fonction:

function ()

function ()

les deux nos fonctions et nos classes utilisent le même arc lecture basé sur un prototype.

Comment définissez-vous une classe? qui est une grande question.

Vous pouvez définir une classe en utilisant la balise mot - clé. Une fois que vous avez défini une classe, vous pouvez utiliser la fonction constructeur () pour l’ initialiser avec des valeurs par défaut

Ouvrez une console JavaScript et collez ce code:.

p>

Cela crée une classe appelée Livre . Notre classe peut stocker deux valeurs, le titre et l’ auteur, que nous avons définis dans notre méthode de construction de classe. Pour créer un objet de cette classe, nous pourrions utiliser ce code:

Nous pouvons récupérer les valeurs de notre classe comme nous le ferions de tout objet:

Nos code retourne:. Un tramway souhait nommé

Comment définir une méthode de classe

L’ un des avantages de l’ utilisation des classes sur des prototypes est que vous pouvez déclarer une méthode dans une classe. Cela signifie que vous n’avez pas besoin d’utiliser le prototype syntaxe pour ajouter une nouvelle méthode à une fonction existante

Prenons cet exemple:.

Nous avons déclaré une méthode appelée GetDetails () qui existe au sein de notre classe. C’est agréable , car elle conserve tous notre code groupés. Nous appelons notre fonction GetDetails () :

Nos retours de code:

un désir appelé tramway est un livre écrit par Tennessee Williams

Cours Hériter

Comme dans toute structure orientée objet, les classes peuvent hériter des propriétés d’autres classes.

L’ héritage fait référence à une processus dans lequel une classe enfant peut accéder aux méthodes et données d’une classe parente. Pour hériter d’ une classe, vous pouvez utiliser le Prolonge mot - clé. Créez un fichier JavaScript ou ouvrir votre console JavaScript et collez ce code:

Nous avons créé une classe appelée fiction qui utilise la classe du livre que nous avons précédemment déclaré comme un projet. Dans notre code, nous avons utilisé le super () mot - clé pour hériter du titre et les valeurs de l’ auteur de la classe parente, qui est livre. Ainsi, nous avons défini un nouvel attribut, fiction , dont la valeur est définie sur true par défaut

Nous allons créer un objet de notre nouvelle classe de fiction.

Nos code retourne: true. Les magasins de classe fiction un élément appelé fiction qui est vrai par défaut. Si nous avons essayé d’accéder à cette valeur à partir d’ une instance de la classe Livre, rien ne sera retourné. En effet , la "fiction" est accessible dans notre classe de fiction.

Getter et Setter

Lorsque vous travaillez avec des classes, vous devez utiliser les fonctions getter et setter.

Obtenir des fonctions vous permettent de récupérer des méthodes d’une classe. Les fonctions de Setter vous permettent de changer la valeur d’un élément particulier dans une classe. Ces fonctions sont indiquées à l’ aide des mots clés get et ensemble respectivement

Considérez le code suivant:.

Dans cet exemple, nous avons déclaré deux méthodes appelées auteur . L’ une de ces méthodes nous permet de récupérer la valeur de auteur ; c’est notre get méthode . L’autre méthode nous permet de changer auteur valeur

On peut le voir en action en utilisant le code suivant:.

Nos retours de code: Tennessee Williams

Nous avons initialisé un objet nommé tra m et il a donné le titre A Streetcar Named Desire . Nous avons ensuite le auteur valeur Tennessee Williams à l’ aide du compositeur , nous avons défini dans notre code.Finally, nous avons imprimé auteur valeur sur la console à l’ aide la méthode de lecture.

Conclusion

Bien que les classes ne correspondent pas à de nouvelles fonctionnalités JavaScript, ils font l’ écriture des fonctions plus faciles à comprendre si vous êtes habitué à la programmation orientée objet.

les classes abstraites du design basé sur un prototype de JavaScript et font paraaître plus orienté objet. Le mot "look" est cruciale car, rappelez - vous, les classes sont des fonctions. Les classes sont rien de plus que le sucre syntaxique.

Vous êtes maintenant prêt à commencer à utiliser les classes comme un expert JavaScript t!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method