Хотим поделиться с вами древней JS мудростью. Если кто-то вам скажет, что классы — это «синтаксический сахар» для функций-конструкторов, то смело опровергайте это заявление, потому что у вас есть как минимум 3 веские причины утверждать обратное.
Сегодня рассмотрим первую из них.
↪️ При создании объекта через класс его внутренний флаг [[isClassConstructor]] будет равен true, в отличие от создания через функцию-конструктор. Это означает, что конструктор, вызванный как обычная функция, немедленно выбросит ошибку. Другими словами, конструктор класса не является классическим функциональным объектом.
➡️ В целом, этот пункт не столько про экземпляры объектов, сколько про сравнение конструкторов. Но важно понимать, что «синтаксический сахар» подразумевает изменение синтаксиса без изменения функционала, а здесь мы наблюдаем и то, и другое.
function UserFn(name, age) {
this.name = name;
this.age = age;
}
class UserClass {
constructor(name, age) {
this.name = name;
this.age = age;
}
}
console.log(UserFn('John', 25)) // выполняется
console.log(UserClass('John', 25)) // Error: Class constructor UserClass cannot be invoked without "new"
Данный пример не в полной мере обеспечивает понимание отличия класса от функции-конструктора, если рассматривать его в контексте боевой разработки. Скорее, это рассуждение на уровне внутренностей JS, но дальше — интереснее.➡️ Остальные причины разберем в следующих постах, не пропустите!
@chulakov_dev
