Uma função construtora não deixa de ser uma função como qualquer outra, que pode ter qualquer código válido, não apenas declaração de constantes. Por exemplo:
function Teste(x, y) {
// posso ter código "normal" que qualquer função teria
const result = Math.pow(x, y);
if (result >= 0)
this.nomeAtributo = result;
else this.nomeAtributo = result * -2;
}
console.log((new Teste(2, 3)).nomeAtributo); // 8
O que acontece é que, em algum momento, dentro da função construtora, ela seta os atributos do this
com algum valor. Mas nada impede que ela tenha outros trechos de código "normal", que fazem qualquer coisa que seja permitida dentro de uma função. Veja no exemplo acima, eu declaro uma variável result
, faço contas, if
, etc, e em algum momento eu seto this.nomeAtributo
. O fato de ser uma função construtora não exclui a possibilidade de termos código "a mais", que é perfeitamente válido.
Então quando você declarou const nome
dentro da função, apenas criou uma variável local à função (uma variável que só existe dentro da função, mas que não será um atributo da classe). Tanto que se você tentar acessar (new Teste(2, 3)).nome
, o resultado será undefined
.
Ou seja, esse const nome
que você criou não tem nada de especial, é apenas um código como qualquer outro, que é perfeitamente válido dentro de uma função (seja ela construtora ou não).
O equivalente à função acima, usando class
, seria pegar todo o código da função e colocar no construtor:
class Teste {
constructor(x, y) {
const result = Math.pow(x, y);
if (result >= 0)
this.nomeAtributo = result;
else
this.nomeAtributo = result * -2;
}
}
console.log((new Teste(2, 3)).nomeAtributo); // 8
Repare que nesse caso também não foi criado o atributo result
. Esta é uma variável local ao construtor (assim como ele era local à função no exemplo anterior), ele só existe lá dentro e não tem relação nenhuma com a classe. Tanto que se eu tentar acessar (new Teste(2, 3)).result
, o resultado será undefined
.
Usando o seu exemplo, seria o mesmo que fazer isso:
class Teste {
constructor() {
const nome = 'Bruno';
this.nomeAtributo = nome;
}
}
console.log((new Teste(2, 3)).nomeAtributo); // Bruno
Ou seja, a variável const nome
é local ao construtor (que não deixa de ser uma função, e portanto pode ter qualquer código válido dentro dele, incluindo declaração de variáveis locais).
Quando você disse que tentou fazer assim:
class Teste {
const nome = "abc"
}
Isso dá erro porque a linguagem definiu que isso não pode ser feito (ver aqui e aqui). No corpo de uma classe (atualmente) só podem ter métodos ou declarações de campos estáticos.
Obs: existe no momento uma proposta experimental para permitir algo parecido com isso, mas sem o const
:
// atenção, ainda é experimental, pode não funcionar em todos os ambientes
class Teste {
campoPublico = 1;
#campoPrivado = 2;
}
var t = new Teste();
console.log(t.campoPublico); // 1
console.log(t.campoPrivado); // undefined (campo privado não pode ser acessado)
Como é experimental, pode ser que não funcione em todos os ambientes (testei no Chrome 90 e Node 14 e funcionou). Mas enfim, isso é o que ainda será permitido, mas repare que não tem const
.
Leitura complementar: