Cos'è una classe JavaScript e come usarla?

Nella programmazione orientata agli oggetti, una classe è un modello di codice di programma estensibile per la creazione di oggetti. le classi possono essere pensate principalmente come uno zucchero sintattico sull'eredità esistente basata su prototipi di JavaScript. In questo articolo, entreremo nella profondità della classe JavaScript e impareremo come utilizzarli nella seguente sequenza:

• Cos'è una classe JavaScript?
• Come utilizzare JavaScript Class?
  • Definisci una classe
  • Definisci metodi
  • Estensione di una classe

Cos'è una classe JavaScript?

In JavaScript, una classe è un tipo di funzione e viene dichiarata con la parola chiave class. È necessario utilizzare la sintassi delle espressioni di funzione per inizializzare una funzione e la sintassi delle espressioni di classe per inizializzare una classe.

// Inizializzazione di una funzione con un'espressione di funzione const a = function () {}

// Inizializzazione di una classe con un'espressione di classe const b = class {}

In JavaScript, invece di utilizzare la funzione parola chiave per avviarla, utilizziamo la classe parola chiave. Inoltre, le proprietà vengono assegnate all'interno di un metodo constructor ().

Come utilizzare una classe JavaScript?

Il codice dichiarato con funzione e class restituiscono entrambe una funzione [[Prototype]]. Con i prototipi, qualsiasi funzione può diventare un'istanza del costruttore utilizzando la nuova parola chiave. Per esempio:

cosa sta succedendo in java

const a = class {} // Inizializza un costruttore da una classe const constructorFromClass = new a () console.log (constructorFromClass)

Produzione:

un {} costruttore: class

Ora, ci sono tre modi diversi di usare la classe in JavaScript. Entriamo nei dettagli di ogni metodo con un esempio.

Definisci una classe

Una funzione costruttore viene inizializzata con un numero di parametri, che viene assegnato come proprietà di 'Questo' , riferendosi alla funzione stessa. La prima lettera dell'identificatore è in maiuscolo per convenzione.

// Inizializzazione di una funzione di costruzione funzione dipendente (name, empid) {this.name = name this.empid = empid}

Ora, se lo traduciamo nella sintassi della classe, vedrai che le strutture sono molto simili.

// Inizializzazione di una definizione di classe class dipendente {constructor (name, empid) {this.name = name this.empid = empid}}

Possiamo dire che la parola chiave class comunica in modo più diretto. L'unica differenza nella sintassi dell'inizializzazione è l'utilizzo della parola chiave class invece della funzione. Inoltre, assegna le proprietà all'interno di un metodo constructor ().

Definisci metodi

Un'altra pratica comune con le funzioni di costruzione è assegnare metodi direttamente al prototipo invece che nell'inizializzazione. Faremo un esempio e vedremo come funziona:

function dipendente (name, empid) {this.name = name this.empid = empid} // Aggiunta di un metodo al costruttore Employee.prototype.greet = function () {return `$ {this.name} said hello.`}

Quando si scrive lo stesso codice con la classe, viene semplificato e il metodo viene aggiunto direttamente.

class dipendente {constructor (name, empid) {this.name = name this.empid = empid} // L'aggiunta di un metodo al costruttore greet () {return `$ {this.name} dice ciao.

Sebbene le classi consentano una sintassi più semplice e succinta, a volte potrebbe essere necessario scendere a compromessi con la chiarezza del processo.

Estensione di una classe

Il vantaggio delle funzioni e delle classi del costruttore è che possono essere estese in nuovi modelli di oggetti basati sul genitore. Ciò aiuta a prevenire la ripetizione di codice per oggetti simili ma che richiedono alcune funzionalità aggiuntive o più specifiche.

È possibile creare nuove funzioni di costruzione dal genitore utilizzando il metodo call (). Per esempio:

// Creazione di un nuovo costruttore dalla funzione genitore info (name, empid, salary) {// Chain constructor with call employee.call (this, name, empid) this.salary = salary}

Ora, quando scriviamo lo stesso codice usando class, la parola chiave super viene utilizzata al posto di call per accedere alle funzioni genitore.

// Creazione di una nuova classe dalla classe genitore info extends dipendente {constructor (name, empid, stary) {// Chain constructor with super super (name, empid) // Add a new property this.salary = salary}}

Le lezioni ti offrono un modo più conciso di creare oggetto i progetti e le funzioni del costruttore descrivono ciò che sta accadendo sotto il cofano in un modo più specifico.

Con questo, siamo giunti alla fine del nostro articolo. Spero che tu abbia capito come utilizzare JavaScript Class.

Ora che conosci JavaScript Class, controlla il di Edureka. La formazione sulla certificazione per lo sviluppo web ti aiuterà a imparare come creare siti Web straordinari utilizzando HTML5, CSS3, Twitter Bootstrap 3, jQuery e API di Google e a distribuirli su Amazon Simple Storage Service (S3).

Hai domande per noi? Per favore menzionalo nella sezione commenti di 'JavaScript Class' e ti risponderemo.