Classi in JavaScript | Spiegato per i principianti
Le classi sono state aggiunte nel 2015 con il rilascio della versione ES6 di JavaScript. Le classi sono la mappatura per oggetti reali negli oggetti dei linguaggi di programmazione.
Perché creare una classe
Molto precisamente, per risparmiare tempo ed evitare la ridondanza, questi sono i motivi principali per cui le classi vengono utilizzate in JavaScript. Ad esempio, se si desidera creare oggetti di 50 persone che hanno quasi le stesse proprietà: nome, cognome ed età; Dovrai scrivere la struttura di 50 oggetti diversi. Ma con le classi di utilizzo, è possibile creare un singolo modello e mappare gli oggetti infiniti su quello stesso modello.
Inoltre, facendo riferimento all'approccio orientato agli oggetti, le classi vengono utilizzate per implementare il concetto di modularità all'interno di un progetto e anche per implementare i processi di sviluppo come il processo di sviluppo incrementale facilmente.
Come definire una classe
Per definire una classe, si utilizza la parola chiave riservata "classe" e poi il nome della classe e parentesi graffe Dopo l'identificatore. I dati della classe sono scritti tra parentesi ricci.
Un semplice esempio di Persona La classe sarebbe come:
persona di classe// Dati della classe - costruttore, variabili e metodi
Come lavorare con una classe JavaScript
Per lavorare con una classe, deve avere alcune proprietà dell'oggetto e un metodo del costruttore. Per dimostrare il funzionamento di classi e oggetti creeremo una classe per le persone con l'identificatore "Persona". Pertanto, per creare una classe di persona è possibile utilizzare le seguenti righe di codice:
persona di classe// Il codice successivo arriverà qui, all'interno della classe
Variabili di classe sono variabili che sono conosciute come proprietà degli oggetti. Queste variabili possono anche essere variabili richieste per un determinato metodo di classe.
Per la classe persona, per creare le variabili di classe: nome di battesimo, cognome, età, E lavoro, Verrà utilizzato il seguente codice all'interno delle staffe ricci della classe:
nome di battesimo;cognome;
età;
lavoro;
Il costruttore metodo viene eseguito automaticamente quando viene creato un nuovo oggetto, il metodo del costruttore viene utilizzato per inizializzare tutte le variabili e i metodi della classe. Il metodo del costruttore è obbligatorio per una classe per funzionare, ma è facoltativo per lo sviluppatore creare un metodo del costruttore perché JavaScript creerà un metodo di costruttore vuoto per le classi senza un costruttore.
Il metodo del costruttore viene creato utilizzando il costruttore di parole chiave riservata e mettendo la parentesi rotonda di fronte. All'interno di queste parentesi, è possibile definire gli argomenti richiesti affinché un oggetto venga mappato su questa classe e persino utilizzare i parametri predefiniti.
Per creare un costruttore per il Persona classe Il seguente codice verrà utilizzato per assegnare i valori alle proprietà dell'oggetto.
costruttore (firstName = "John", lastName = "doe", age = 20, job = "freelancer")Questo.FirstName = FirstName;
Questo.LastName = LastName;
Questo.età = età;
Questo.lavoro = lavoro;
Come puoi vedere nel codice sopra, stiamo usando i parametri predefiniti per evitare un argomento vuoto.
Metodi di classe sono funzioni normali a cui si accede utilizzando il Operatore DOT “." Con l'identificatore dell'oggetto, ma a differenza delle normali funzioni, la parola chiave "funzione" non è usato per definire un metodo di classe; Piuttosto digiti il nome del metodo e metti le staffe rotonde davanti e scrivi il codice JavaScript del metodo racchiuso in parentesi graffe .
Stai per creare un metodo che stamperà i dettagli dell'oggetto persona usando le seguenti righe di codice:
printDetails ()console.log ("nome:" + questo.firstname + "" + questo.cognome);
console.log ("età:" + questo.età);
console.log ("lavoro:" + questo.lavoro);
Hai una classe di persona di base completata, il codice completo di questa classe è come:
classpersonnome di battesimo;
cognome;
età;
lavoro;
costruttore(
FirstName = "John",
LastName = "DOE",
età = 20,
Giobbe = "Freelancer"
)
Questo.FirstName = FirstName;
Questo.LastName = LastName;
Questo.età = età;
Questo.lavoro = lavoro;
printDetails ()
console.log ("nome:" + questo.firstname + "" + questo.cognome);
console.log ("età:" + questo.età);
console.log ("lavoro:" + questo.lavoro);
Mappare e usare oggetti contro le classi
Ora devi mappare gli oggetti in questa classe. Per questo, creerai un oggetto P1 e impostalo uguale al costruttore della persona con la chiave "nuovo". Puoi persino creare più oggetti e dare loro qualsiasi nome tu voglia. Ciò mappare la nostra variabile dell'oggetto alla persona di classe. Possiamo creare quantità infinite di oggetti contro questa persona di classe.
p1 = new Person ("William", "Mark", 35, "Writer");p2 = new Person ("Henry", "Clark", 22, "revisore");
Per accedere al printDetails () metodo di entrambi l'oggetto che dobbiamo solo usare il OPERATORE DOT Piace:
P1.printDetails ();P2.printDetails ();
Dopo aver eseguito l'intero codice, vedrai questo output sulla console:
Come puoi vedere nello snippet sopra, abbiamo stampato i dettagli di 2 oggetti diversi con le stesse proprietà ma valori diversi.
Conclusione
Le classi in JavaScript vengono utilizzate per definire una mappatura per gli oggetti con le stesse proprietà e funzioni. Queste classi sono anche chiamate l'implementazione della modularità usando l'approccio orientato agli oggetti. Abbiamo imparato quali sono le lezioni, come definirle, come lavorare con loro e come usarle per creare oggetti insieme ad esempi.