static

A palavra chave static define um método estático para a classe.

Sintaxe

static nomeDoMetodo() { ... }

Descrição

Chamadas a métodos estáticos são feitas diretamente na classe e não podem ser feitas em uma instância da classe. Métodos estáticos são comumente utilizados como funções utilitárias.

Chamada de métodos estáticos

De outro método estático

Para chamar um método estático dentro de outro método estático da mesma classe, podemos utilizar a palavra reservada this.

 

class ChamadaDoMetodoEstatico {
  static metodoEstatico() {
    return 'O método estático foi chamado';
  }
  static outroMetodoEstatico() {
    return this.metodoEstatico() + ' de outro método estático';
  }
}
ChamadaDoMetodoEstatico.metodoEstatico(); 
// 'O método estático foi chamado'

ChamadaDoMetodoEstatico.outroMetodoEstatico(); 
// 'O método estático foi chamado de outro método estático'

De outro construtor e outros métodos

Métodos estáticos não são diretamente acessíveis utilizando-se this a partir de métodos não estáticos. É necessário chamá-los usando o nome da classe:

nomeDaClasse.nomeDoMetodoEstatico()

ou chamando o método como uma propriedade do construtor:

this.constructor.nomeDoMetodoEstatico().

 

 

class ChamadaDoMetodoEstatico {
  constructor() {
    console.log(ChamadaDoMetodoEstatico.MetodoEstatico()); 
    // 'O método estático foi chamado.' 

    console.log(this.constructor.MetodoEstatico()); 
    // 'O método estático foi chamado.' 
  }

  static MetodoEstatico() {
    return 'O método estático foi chamado.';
  }
}

 

 

Exemplos

O exemplo a seguir demonstra várias coisas. Ele mostra como um método estático é implementado em uma classe e como uma classe com um membro estático pode virar uma subclasse. Por fim, ele mostra como um método estático pode e não pode ser chamado.

class Tripple {
  static tripple(n) {
    n = n | 1;
    return n * 3;
  }
}

class BiggerTripple extends Tripple {
  static tripple(n) {
    return super.tripple(n) * super.tripple(n);
  }
}

console.log(Tripple.tripple());
console.log(Tripple.tripple(6));
console.log(BiggerTripple.tripple(3));
var tp = new Tripple();
console.log(tp.tripple()); //Logs 'tp.tripple is not a function'.

Especificações

Especificação Status Comentário
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'Class definitions' in that specification.
Padrão Definição inicial.

Compatibilidade com os navegadores

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
staticChrome Full support 49
Notes
Full support 49
Notes
Notes From Chrome 42 to 48 strict mode is required. Non-strict mode support can be enabled using the flag "Enable Experimental JavaScript".
Edge Full support 13Firefox Full support 45IE No support NoOpera Full support 36Safari Full support 9WebView Android Full support 49
Notes
Full support 49
Notes
Notes From Chrome 42 to 48 strict mode is required. Non-strict mode support can be enabled using the flag "Enable Experimental JavaScript".
Chrome Android Full support YesFirefox Android Full support 45Opera Android ? Safari iOS Full support 9Samsung Internet Android Full support Yesnodejs Full support 6.0.0
Full support 6.0.0
Full support 4.0.0
Disabled
Disabled From version 4.0.0: this feature is behind the --use_strict runtime flag.
Full support 5.0.0
Disabled
Disabled From version 5.0.0: this feature is behind the --harmony runtime flag.

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

Veja também