Javascript Nuova Classe

| | | | | |

JavaScript si basa su prototipi. Ogni volta che dichiari un oggetto, viene creata una proprietà prototipo, che estende le proprietà e i metodi associati a quell`oggetto.

Negli ultimi anni, molti sviluppatori JavaScript hanno cercato modi per orientare gli oggetti da incorporare. progettare oggetti nel loro codice. Questo ha dato vita a un nuovo tipo di oggetto in JavaScript chiamato classe che estende un prototipo.

In questa guida, discuteremo cosa sono le classi, perché vengono utilizzate e come puoi implementare un classe nel tuo codice. Forniremo un esempio per iniziare con le classi.

Cos`è una classe JavaScript?

Le classi sono un modo per dichiarare un modello per un oggetto.

Se hai familiarità con i linguaggi di programmazione orientati agli oggetti, saprai che dipendono fortemente da classi e oggetti. Una classe è come un modello per un tipo di dati: dice quali dati possono essere archiviati e quali metodi sono accessibili. Un oggetto è un`istanza di questa classe.

Un esempio di classe potrebbe essere Book. Questa classe conterrebbe il progetto per quali informazioni potrebbero essere archiviate sui libri e come tali dati potrebbero essere modificati. Un oggetto potrebbe essere un tram chiamato desire, che è un libro individuale.

In JavaScript, le classi sono ciò che chiamiamo zucchero sintattico. La sintassi delle classi è piacevole, ma non aggiungono necessariamente nuove funzionalità.

Le classi sono comunemente usate nei moderni framework JavaScript come React e Next.js.

lezioni in relazione alle Funzioni

Se ricordi una cosa di questo articolo, sia questa: le classi sono funzioni abbastanza normali

l`unica differenza tra una classe e un`espressione di funzione è il modo in cui sono dichiarate, le funzioni usano la parola chiave e le classi usano la classe . tecnicamente parola chiave, puoi dichiarare una classe senza nemmeno usare la parola chiave class

possiamo dire che sono la stessa cosa creando due funzioni e stampando i loro prototipi.

p>

La nostra espressione di classe e funzione restituisce:

funzione ()

funzione ()

le due nostre funzioni e le classi utilizzano la stessa lettura dell`arco basata su un prototipo.

Come si definisce una classe? che è un`ottima domanda.

Puoi definire una classe usando la parola chiave . Dopo aver definito una classe, puoi utilizzare la funzione constructor() per inizializzarla con i valori predefiniti.

Apri una console JavaScript e incolla questo codice:.

p>

Questo crea un corso chiamato Book. La nostra classe può memorizzare due valori, Titolo e Autore, che abbiamo definito nel nostro metodo di costruzione della classe. Per creare un oggetto di questa classe, potremmo usare questo codice:

Possiamo recuperare i valori ‚Äã‚Äão della nostra classe come faremmo con qualsiasi oggetto:

Il nostro codice restituisce:. Uno dei vantaggi dell`utilizzo delle classi sui prototipi è che puoi dichiarare un metodo all`interno di una classe. Ciò significa che non è necessario utilizzare la sintassi prototipo per aggiungere un nuovo metodo a una funzione esistente

Prendiamo questo esempio:.

Abbiamo dichiarato un metodo chiamato GetDetails() che esiste all`interno della nostra classe. È bello, perché mantiene tutto il nostro codice raggruppato. Chiamiamo la nostra funzione GetDetails():

Il nostro codice restituisce:

un desiderio chiamato tram è un libro scritto da Tennessee Williams

Ereditare lezione

Come in qualsiasi struttura orientata agli oggetti, le classi possono ereditare proprietà da altre classi.

L`ereditarietà si riferisce a un processo in cui una classe figlia può accedere ai metodi e ai dati di una classe genitore. Per ereditare da una classe, puoi utilizzare la parola chiave Extend. Crea un file JavaScript o apri la tua console JavaScript e incolla questo codice:

Abbiamo creato una classe chiamata fiction che utilizza la classe del libro che abbiamo precedentemente dichiarato come progetto. Nel nostro codice, abbiamo utilizzato la parola chiave super() per ereditare il titolo ei valori ‚Äã‚Äãdall`autore della classe padre, che è Book. Quindi, abbiamo definito un nuovo attributo, fiction, il cui valore è impostato su true per impostazione predefinita

Creeremo un oggetto della nostra nuova classe di narrativa.

Il nostro codice restituisce: true. La classe fiction memorizza un elemento chiamato fiction che è true per impostazione predefinita. Se proviamo ad accedere a questo valore da un`istanza della classe Book, non verrà restituito nulla. In effetti, "narrativa" è accessibile nella nostra classe di narrativa.

Getter e Setter

Quando si lavora con le classi, è necessario utilizzare le funzioni getter e setter.

Le funzioni Get ti consentono di recuperare i metodi di una classe. Le funzioni Setter consentono di modificare il valore di un particolare elemento in una classe. Queste funzioni sono indicate utilizzando rispettivamente le parole chiave get e insieme

Considera il seguente codice:.

In questo esempio, abbiamo dichiarato due metodi chiamati author. Uno di questi metodi ci permette di recuperare il valore di author; questo è il nostro metodo get. L`altro metodo ci permette di cambiare il valore di author

Possiamo vederlo in azione usando il seguente codice:.

Il nostro codice restituisce: Tennessee Williams

Noi ha inizializzato un oggetto chiamato tra m e gli ha dato il titolo A Streetcar Named Desire. Abbiamo quindi il valore author Tennessee Williams usando il compositore che abbiamo definito nel nostro codice. Infine, abbiamo stampato il valore di author sulla console usando il metodo di gioco.

Conclusione

Sebbene le classi non corrispondano alle nuove funzionalità JavaScript, rendono le funzioni di scrittura più facili da capire se sei abituato alla programmazione orientata agli oggetti.

Classi di design astratte basate su un prototipo JavaScript e farlo sembrare più orientato agli oggetti. La parola "look" è fondamentale perché, ricorda, le classi sono funzioni. Le classi non sono altro che zucchero sintattico.

Ora sei pronto per iniziare a usare le classi come un esperto di JavaScript!

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