Guida per principianti alle lezioni in JavaScript

Le classi sono un modello/progetto per gli oggetti. Semplificano il processo di creazione di più oggetti con proprietà e metodi simili. Le classi non erano presenti in ES5 e sono state introdotte nella versione ES6 di JavaScript. Le classi sono semplicemente zuccheri sintattici in JavaScript, costruiti su prototipi e funzionano allo stesso modo dietro le quinte.

Come usare le classi in JavaScript

Prendiamo l'esempio di un programmatore che deve fare cinque oggetti per cinque utenti diversi. Scriverà il seguente codice:

const user1 =
fname: "Mary" ,
LNAME: "Jane" ,
Età: 23 ,
ID: 01
;
const user2 =
fname: "John" ,
LNAME: "DOE" ,
Età: 47 ,
ID: 02
;
const user3 =
fname: "Jane" ,
LNAME: "DOE" ,
Età: 34 ,
ID: 03
;
const user4 =
fname: "John" ,
LNAME: "Smith" ,
Età: 18 ,
ID: 04
;
const user5 =
fname: "Mary" ,
LNAME: "Anne" ,
Età: 22 ,
ID: 05
;

Nell'esempio sopra, il codice ha molta ripetitività poiché tutti gli oggetti hanno proprietà simili. Possiamo facilmente eliminare la ripetitività nel codice e renderla più organizzata usando una classe.

In JavaScript, il classe La parola chiave viene utilizzata per creare una classe. Le classi in javascript usano un metodo chiamato costruttore(). Esegue automaticamente durante la creazione di un nuovo oggetto. Inizializza le proprietà dell'oggetto.

classuser
costruttore (firstname, lastname, età, id)
Questo.fname = firstName;
Questo.lname = lastname;
Questo.età = età;
Questo.id = id;

Nell'esempio sopra, abbiamo creato una nuova classe denominata Utente. Funge da modello/progetto per tutti gli oggetti utente che vogliamo fare. Il costruttore prende quattro argomenti e fa quattro proprietà per ciascun oggetto. Queste proprietà sono nominate fname, lname, età, E id e è possibile accedere utilizzando la seguente sintassi (dopo aver creato l'oggetto)

object_name.nome della proprietà

IL 'Questo' la parola chiave nell'esempio si riferisce all'oggetto che possiede il età proprietà. Questa parola chiave viene utilizzata per accedere al valore di una proprietà all'interno di un oggetto.

Ora creeremo gli oggetti utente mostrati nel primo esempio utilizzando il Utente classe.

classuser
costruttore (firstname, lastname, età, id)
Questo.fname = firstName;
Questo.lname = lastname;
Questo.età = età;
Questo.id = id;


const user1 = newUser ('Mary', 'Jane', 23, 01);
const user2 = new user ('John', 'doe', 47, 02);
const user3 = new user ('jane', 'doe', 34, 03);
const user4 = new user ('John', 'Smith', 18, 04);
const user5 = new user ('Mary', 'Anne', 22, 05);

Qui puoi vedere che il codice è diventato molto più leggibile.

Quali sono i metodi nelle classi JavaScript

Possiamo anche aggiungere metodi alle classi in JavaScript. Questi metodi possono essere facilmente aggiunti al corpo della classe dopo il costruttore usando la stessa sintassi che viene utilizzata negli oggetti:

classuser
costruttore (firstname, lastname, età, id)
Questo.fname = firstName;
Questo.lname = lastname;
Questo.età = età;
Questo.id = id;

anno di nascita()
const data = newDate ();
Sia anno = data.getfullylyar () - questo.età;
anno di ritorno;


const user1 = new user ('Mary', 'Jane', 23, 01);
const user2 = new user ('John', 'doe', 47, 02);
const user3 = new user ('jane', 'doe', 34, 03);
const user4 = new user ('John', 'Smith', 18, 04);
const user5 = new user ('Mary', 'Anne', 22, 05);

Ora, se proviamo ad accedere al anno di nascita() metodo e stamparlo sulla console usando il console.tronco d'albero() Metodo, quindi otterremo il seguente output:

console.registro (utente1.anno di nascita());
console.registro (utente2.anno di nascita());
console.registro (user3.anno di nascita());
console.registro (user4.anno di nascita());
console.registro (user5.anno di nascita());

Come utilizzare i metodi getter e setter

I metodi getter e setter possono essere utilizzati in una classe per ottenere e impostare il valore di una proprietà in un oggetto. Usa il Ottenere O impostato Parole chiave per utilizzare il metodo getter o setter, rispettivamente:

classuser
costruttore (firstname, lastname, età, id)
Questo.fname = firstName;
Questo.lname = lastname;
Questo.età = età;
Questo.id = id;

get userage ()
ritorno questo.età;

Imposta userage (i)
Questo.età = i;


const user1 = new user ('Mary', 'Jane', 23, 01);
console.registro (utente1.età); // uscirà 23
// Impostazione del valore della proprietà dell'età
utente1.userage = 24;
console.registro (utente1.età); // uscirà 24

Conclusione

Le classi sono modelli di codice utilizzati per creare nuovi oggetti con proprietà e metodi simili. Sono utili quando il programmatore deve creare diversi oggetti con proprietà simili.

In questo articolo, abbiamo discusso delle lezioni. Abbiamo imparato come usarli per creare oggetti. Inoltre, abbiamo anche imparato ad aggiungere metodi diversi agli oggetti usando le classi.