Привет! Добро пожаловать в эту статью о полях классов и статических свойствах!
В ES15 добавлена ​​возможность определять поля класса и статические свойства непосредственно внутри тела класса. Это устраняет необходимость в функциях-конструкторах для инициализации свойств, что приводит к более чистому и лаконичному коду. Речь идет о понимании этой новой функции!

1. Определите класс.

Для его использования необходимо определить класс:

class myClass {
}

2. Поместите свойства в класс.

Помещение свойств в класс определяет свойства:

class myClass {
    property1;
    property2;
}

Вы можете добавить столько свойств, сколько вам нужно.

3. Добавьте функцию конструктор().

Добавьте функцию-конструктор, чтобы определить ключи в этом объекте для свойств:

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

4. Пример

Это пример использования этой новой функции в JS:

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

5. Заключение

И это вывод для этого поста!
Обязательно добавьте реакцию и добавьте это в закладки!
Также не забудьте оставить комментарий ниже!
Этот пост был написан для The Frontend Challenge!