Olá! Bem-vindo a este artigo sobre campos de classe e propriedades estáticas!
ES15 adicionou a capacidade de definir campos de classe e propriedades estáticas diretamente no corpo da classe. Isso elimina a necessidade de funções construtoras para inicializar propriedades, resultando em um código mais limpo e conciso. Trata-se de entender esse novo recurso!

1. Defina uma classe.

Você precisa definir uma classe para usá-lo:

class myClass {
}

2. Coloque as propriedades na classe.

Colocar as propriedades na classe define as propriedades:

class myClass {
    property1;
    property2;
}

Você pode adicionar quantas propriedades precisar.

3. Adicione a função construtor().

Adicione a função construtora para definir as chaves neste objeto para as propriedades:

class myClass {
    property1;
    property2;
    constructor(property1, property2) {
        this.property1 = property1;
        this.property2 = property2;
    }
}

4. Exemplo

Este é um exemplo de uso deste novo recurso em JS:

class Person {
    name;
    age;
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

5. Conclusão

E essa é a conclusão deste post!
Certifique-se de adicionar uma reação e marcar isto como favorito!
Certifique-se também de comentar abaixo!
Esta postagem foi feita para o The Frontend Challenge!