static

This translation is incomplete. Please help translate this article from English

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

Síntaxe

static nomeDoMetodo() { ... }

Descrição

Métodos estáticos são chamados diretamente na classe mas não em instâncias da mesma. Estes são regularmente utilizados para criar funções utilitárias.

Como chamar métodos estáticos

Noutro método estático

Para chamar um método estático dentro de outro que pertença à mesma classe, pode-se usar a palavra-chave this.

class StaticMethodCall {
  static staticMethod() {
    return 'Metodo estatico foi invocado';
  }
  static anotherStaticMethod() {
    return this.staticMethod() + ' dentro de outro';
  }
}
StaticMethodCall.staticMethod(); 
// 'Metodo estatico foi invocado'

StaticMethodCall.anotherStaticMethod(); 
// 'Metodo estatico foi invocado dentro de outro'

No construtor de classe e noutros métodos

Métodos estáticos não são acessíveis através da palavra-chave this quando dentro de métodos não-estáticos. É preciso chamá-los ou através do nome da própria classe: CLASSNAME.STATIC_METHOD_NAME() ou como propriedade do construtor da classe: this.constructor.STATIC_METHOD_NAME().

class StaticMethodCall {
  constructor() {
    console.log(StaticMethodCall.staticMethod()); 
    // 'metodo estatico foi invocado.' 

    console.log(this.constructor.staticMethod()); 
    // 'metodo estatico foi invocado.' 
  }

  static staticMethod() {
    return 'metodo estatico foi invocado.';
  }
}

Exemplos

Os seguintes exemplos demonstram:

  1. Como implementar um método estático numa classe.
  2. Que se podem criar sub-classes a partir de uma classe com um membro estático (e usá-los).
  3. Como se pode chamar um método estático (com contra-exemplos).
class Triple {
  static triple(n) {
    if (n === undefined) {
      n = 1;
    }
    return n * 3;
  }
}

class BiggerTriple extends Triple {
  static triple(n) {
    return super.triple(n) * super.triple(n);
  }
}

console.log(Triple.triple());        // 3
console.log(Triple.triple(6));       // 18

var tp = new Triple();

console.log(BiggerTriple.triple(3));
// 81 (não foi afetado pela instanciação do pai)

console.log(tp.triple());
// 'tp.triple is not a function'. (não é função)

Especificações

Especificação Estado Comentário
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'Definições de Classe' in that specification.
Standard Definição inicial.
ECMAScript (ECMA-262)
The definition of 'Definições de Classe' in that specification.
Living Standard  

Compatibilidade de browsers

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
staticChrome Full support 49
Full support 49
No support 42 — 49
Notes
Notes Strict mode is required.
No support 42 — 49
Disabled
Disabled From version 42 until version 49 (exclusive): this feature is behind the Experimental JavaScript preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.
Edge Full support 13Firefox Full support 45IE No support NoOpera Full support 36
Full support 36
No support 29 — 36
Notes
Notes Strict mode is required.
No support 29 — 36
Disabled
Disabled From version 29 until version 36 (exclusive): this feature is behind the Experimental JavaScript preference (needs to be set to Enabled).
Safari Full support 9WebView Android Full support 49
Full support 49
No support 42 — 49
Notes
Notes Strict mode is required.
Chrome Android Full support 49
Full support 49
No support 42 — 49
Notes
Notes Strict mode is required.
No support 42 — 49
Disabled
Disabled From version 42 until version 49 (exclusive): this feature is behind the Experimental JavaScript preference (needs to be set to Enabled). To change preferences in Chrome, visit chrome://flags.
Firefox Android Full support 45Opera Android Full support 36
Full support 36
No support 29 — 36
Notes
Notes Strict mode is required.
No support 29 — 36
Disabled
Disabled From version 29 until version 36 (exclusive): this feature is behind the Experimental JavaScript preference (needs to be set to Enabled).
Safari iOS Full support 9Samsung Internet Android Full support 5.0
Full support 5.0
No support 4.0 — 5.0
Notes
Notes Strict mode is required.
nodejs 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
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

Ver também