4

Estava estudando um código JavaScript e me deparei com a sintaxe abaixo:

export class MyClass {
  #msg;
  #anyThing;
  #logTypes;

  constructor(...) {
   // todo
  }

  #myMethod() {
   // todo
  }

}

Qual a função do símbolo #?

1 Resposta 1

5

Esta é a sintaxe para declarar campos e métodos privados.

Atualmente a proposta que define esta sintaxe está em Estágio 3 ("further refinement will require feedback from implementations and users"), mas já possui um bom suporte dos browsers.

Um pequeno exemplo:

class Exemplo {
    #campoPrivado;

    constructor(v1, v2) {
        this.#campoPrivado = v1;
        this.campoPublico = v2;
    }

    #metodoPrivado() {
        console.log('método privado: ', this.#campoPrivado);
    }

    metodoPublico() {
        console.log('método público chamando o método privado:');
        this.#metodoPrivado();
    }
}

var x = new Exemplo(1, 2);
console.log(x.campoPublico); // 2

// descomente a linha abaixo, que dará erro
// console.log(x.#campoPrivado); // ERRO!

x.metodoPublico(); // funciona normalmente

// descomente as linhas abaixo, que dará erro
// x.#metodoPrivado();
// x.metodoPrivado();

Repare que o campo e o método privado só podem ser acessados dentro da própria classe. Ao tentar acessá-los de fora, dá erro.


Veja a definição completa na especificação da linguagem. E mais alguns exemplos na já referida documentação.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .