Metodi di classe statica JavaScript

Metodi di classe statica JavaScript
I metodi di classe statica in JavaScript sono comunemente usati per definire le funzioni di utilità. I metodi di classe statica sono stati incorporati nel "Es6"Come metodo specifico per la classe JavaScript per la programmazione orientata agli oggetti (OOP). Puoi utilizzare il "statico"Parola chiave con il nome del metodo per creare un metodo di classe statica. Inoltre, i metodi di classe statica vengono invocati usando l'oggetto di classe, non l'istanza di classe.

Questo articolo discuterà i metodi di classe statica JavaScript. Inoltre, dimostreremo anche esempi di definizione dei metodi statici e il loro utilizzo in una classe JavaScript. Quindi iniziamo!

Sintassi di metodi di classe statica JavaScript

Per definire un metodo statico nella tua classe JavaScript, è necessario utilizzare "statico"Parola chiave con il nome del metodo. Dai un'occhiata alla sintassi di seguito per la creazione di un metodo di classe statica JavaScript:

static MethodName ()

Qui Methodname Può essere qualsiasi cosa che vorresti nominare come metodo.

Metodi di classe statica JavaScript

In JavaScript, i metodi statici sono legati a una classe ma non alle istanze della classe JavaScript. Ecco perché i metodi di classe statica vengono utilizzati per definire i metodi di utilità o aiutante.

Esempio 1: usando i metodi di classe statica JavaScript

Usa la parola chiave "statico"Per definire un metodo statico per la tua classe JavaScript. Nell'esempio di seguito, in primo luogo, creeremo un "Dipendente"Avere un costruttore e un metodo"getName () ":

dipendente di classe
costruttore (nome)
Questo.nome = nome;

getName ()
Restituisci questo.nome;

All'interno della nostra classe dei dipendenti, definiremo un "showgender ()"Metodo statico utilizzando il"statico" parola chiave. Il nostro metodo di classe statica showgender () restituirà un oggetto dipendente con il suo "nome" costo dell'immobile:

statico showgender (genere)
Let Name = Gender == "Female" ? "Stepheny": "Stepheny";
restituire nuovi dipendenti (nome);

Creeremo un "dipendente"Istanza che memorizzerà il valore restituito dal showgender() Metodo statico. Si noti che abbiamo invocato il metodo statico showgender () con "Dipendente"Oggetto di classe:

Let Employee = Employee.showgender ("femmina");
console.registro (dipendente);

Ecco l'output che otteniamo dall'esecuzione dell'esempio sopra dato:

Abbiamo già menzionato, devi invocare il metodo statico con l'oggetto di classe, non con l'istanza di classe. Ad esempio, abbiamo creato un "dipendente1"Istanza della classe dei dipendenti. Ora, quando invochiamo il nostro showgender () Metodo statico con il “dipendente1"Istanza, ci darà un errore:

let Employee1 = new Employee ('Jack Smith');
Let Info = Employee1.showgender ("maschio");

Come puoi vedere, non possiamo accedere al metodo statico showgender () con "dipendente1"Istanza, motivo per cui stiamo ottenendo il seguente errore:

Esempio 2: usando i metodi di classe statica JavaScript

In questo esempio, in primo luogo, creeremo una classe chiamata "Bicicletta"E il suo costruttore parametrizzato, che accetta la bici"nome"Come suo parametro:

Class Bike
costruttore (nome)
Questo.nome = nome;
console.log (nome);

Nel prossimo passaggio, creeremo un metodo statico "bikeinfo ()"Che restituirà una stringa"Questa è la mia bici"Ogni volta che lo invoceremo:

statico bikeInfo ()
ritorno "questa è la mia bici";

Quindi, creeremo un'istanza di classe di biciclette denominata "la mia bicicletta"E passerà"Yamaha YZF R15 V3"Come argomento al costruttore:

let myBike = new Bike ("Yamaha YZF R15 V3");

Ora chiameremo il "bikeinfo ()"Metodo statico con il nostro nome di classe, che è"Bicicletta":

Bicicletta.bikeInfo ();

Invocando il bikeinfo () Metodo del JavaScript "Bicicletta"Classe, il programma mostrerà il seguente output:

Mentre invocare il metodo BikeInfo () statico con l'istanza della classe di bici creata visualizzerà un errore:

la mia bicicletta.bikeInfo ();

Per utilizzare l'istanza creata della classe di bici all'interno del "bikeinfo ()"Metodo statico, possiamo passare"la mia bicicletta"Come parametro ad esso. Guarda il programma di seguito per l'illustrazione:

Class Bike
costruttore (nome)
Questo.nome = nome;

BikeInfo statico (x)
restituire "Questa è la mia bici:" + x.nome;

Dopo aver definito il metodo statico parametrizzato, creeremo un "la mia bicicletta"Istanza della classe di biciclette:

let myBike = new Bike ("Yamaha YZF R15 V3");

Successivamente, invoceremo il "Bikeinfo"Metodo statico durante il passaggio"la mia bicicletta"Istanza come argomento:

Bicicletta.BikeInfo (myBike);

L'uscita verrà visualizzata "Questa è la mia bici:”String con la bici"nome" del nostro "la mia bicicletta"Istanza:

Conclusione

Usando il "statico"Parola chiave, è possibile definire i metodi di classe statica JavaScript. Per invocare il metodo statico definito, è necessario creare un oggetto della classe correlata e chiamare il metodo statico con l'aiuto. I metodi statici JavaScript appartengono alla classe in cui sono definiti; Tuttavia, non puoi accedervi con l'istanza di classe. Questo articolo ha discusso dei metodi di classe statica JavaScript. Inoltre, abbiamo anche dimostrato alcuni esempi relativi alla definizione dei metodi statici e al loro utilizzo in una classe JavaScript.