Métodos de classe estática JavaScript

Os métodos de classe estática em JavaScript são comumente usados ​​para definir as funções de utilidade. Os métodos de classe estática foram incorporados no “ES6”Como um método específico de classe JavaScript para programação orientada a objetos (OOP). Você pode utilizar o “estáticoPalavra -chave com o nome do método para criar um método de classe estática. Além disso, os métodos de classe estática são chamados usando o objeto de classe, não a instância da classe.

Este artigo discutirá os métodos de classe estática JavaScript. Além disso, também demonstraremos exemplos de definição de métodos estáticos e seu uso em uma classe JavaScript. Então vamos começar!

Sintaxe dos métodos de classe estática JavaScript

Para definir um método estático em sua classe JavaScript, você deve usar o “estáticoPalavra -chave com o nome do método. Confira a sintaxe abaixo para criar um método de classe estática JavaScript:

estático MethodName ()

Aqui MethodName pode ser tudo o que você gostaria de nomear como um método.

Métodos de classe estática JavaScript

Em JavaScript, os métodos estáticos estão vinculados a uma classe, mas não às instâncias da classe JavaScript. É por isso que os métodos de classe estáticos são usados ​​para definir métodos de utilidade ou auxiliar.

Exemplo 1: Usando métodos de classe estática JavaScript

Use a palavra -chave “estático”Para definir um método estático para sua classe JavaScript. No exemplo abaixo, em primeiro lugar, criaremos um “Funcionário”Ter um construtor e um método“GetName () ”:

Funcionário da classe
construtor (nome)
esse.nome = nome;

getName ()
devolver isso.nome;

Dentro da nossa aula de funcionários, definiremos um “Showgender ()”Método estático utilizando o“estáticoPalavra -chave. Nosso método Showgender () de classe estática retornará um objeto de funcionário com seu “nome" valor da propriedade:

Showgender estático (gênero)
Deixe o nome = sexo == "feminino" ? "Stepheny": "Stepheny";
devolver novo funcionário (nome);

Vamos criar um “funcionário”Instância que armazenará o valor retornado pelo Showgender() Método estático. Observe que invocamos o método estático showgender () com o “Funcionário”Objeto de classe:

Deixe o funcionário = funcionário.showgender ("feminino");
console.log (funcionário);

Aqui está a saída que obtemos ao executar o exemplo acima:

Já mencionamos, você deve invocar o método estático com o objeto de classe, não com a instância da classe. Por exemplo, criamos um “funcionário1”Instância da aula de funcionários. Agora, quando invocamos nosso Showgender () Método estático com o “funcionário1”Por exemplo, ele nos dará um erro:

Seja funcionário1 = novo funcionário ('Jack Smith');
deixe informações = funcionário1.showgender ("masculino");

Como você pode ver, não podemos acessar o método estático Showgender () com o “funcionário1”Por exemplo, é por isso que estamos recebendo o seguinte erro:

Exemplo 2: Usando métodos de classe estática JavaScript

Neste exemplo, em primeiro lugar, criaremos uma classe chamada “Bicicleta”E seu construtor parametrizado, que aceita a bicicleta“nome”Como seu parâmetro:

classe Bike
construtor (nome)
esse.nome = nome;
console.log (nome);

Na próxima etapa, criaremos um método estático “BikeInfo ()"Que retornará uma string"Esta é minha bicicleta”Sempre que invocaremos:

Bikeinfo estático ()
retornar "Esta é minha bicicleta";

Então, criaremos uma instância da classe de bicicleta chamada “minha bicicleta”E vai passar“Yamaha Yzf R15 V3”Como um argumento para o construtor:

Let MyBike = New Bike ("Yamaha Yzf R15 V3");

Agora, vamos chamar de “BikeInfo ()”Método estático com o nome da nossa classe, que é“Bicicleta”:

Bicicleta.BikeInfo ();

Invocando o BikeInfo () Método do JavaScript “Bicicleta”Classe, o programa mostrará a seguinte saída:

Considerando que invocar o método estático de bicicleta () com a instância da classe de bicicleta criada exibirá um erro:

minha bicicleta.BikeInfo ();

Para utilizar a instância criada da classe de bicicleta dentro da “BikeInfo ()”Método estático, podemos passar“minha bicicleta”Como um parâmetro para ele. Olhe para o programa abaixo dado para a ilustração:

classe Bike
construtor (nome)
esse.nome = nome;

Bikeinfo estático (x)
retornar "Esta é a minha bicicleta:" + x.nome;

Depois de definir o método estático parametrizado, criaremos um “minha bicicleta”Instância da classe de bicicleta:

Let MyBike = New Bike ("Yamaha Yzf R15 V3");

Em seguida, vamos invocar o “Bikeinfo”Método estático ao passar“minha bicicleta”Instância como um argumento:

Bicicleta.BikeInfo (MyBike);

A saída será exibida “Esta é a minha bicicleta:”String with the Bike“nome" nosso "minha bicicleta" instância:

Conclusão

Usando o “estáticoPalavra -chave, você pode definir os métodos de classe estática JavaScript. Para invocar o método estático definido, você deve criar um objeto da classe relacionada e chamar o método estático com a ajuda dele. Os métodos estáticos JavaScript pertencem à classe em que são definidos; No entanto, você não pode acessá -los com a instância da classe. Este artigo discutiu os métodos de classe estática JavaScript. Além disso, também demonstramos alguns exemplos relacionados à definição de métodos estáticos e seu uso em uma classe JavaScript.