Как работают классы под капотом?

JavaScript классы — это мир внутренних механизмов и прототипного наследования. Давайте разберемся, что происходит "под капотом", когда вы создаете класс.

 Прототипы: Корень всего

 Прежде чем перейти к классам, вспомним про прототипы. В JavaScript классы — это по сути красивая обертка над прототипным наследованием.

// Старый способ до классов
function User(name) {
	this.name = name;
}
User.prototype.sayHi = function() {
	console.log(`Привет, я ${this.name}`);
};
const user = new User('Иван');
user.sayHi(); // Работает так же, как и современный класс

 Класс под микроскопом

Когда вы пишете современный класс:

class User {
	constructor(name) {
		this.name = name;
	}
	sayHi() {
		console.log(`Привет, я ${this.name}`);
	}
	static createAnonymous() {
		return new User('Аноним');
	}
}

Внутри происходит примерно следующее:

1. Конструктор: Метод constructor превращается в функцию-конструктор.

2. Методы экземпляра: Добавляются в prototype класса.

3. Статические методы: Привязываются непосредственно к классу.

Магия создания объекта, когда вы пишете new User('Иван'), происходит:

1. Создается новый объект

2. Контекст `this` привязывается к этому объекту

3. Вызывается конструктор

4. Объект возвращается (если не указано иное)

Наследование: Под капотом

class Employee extends User {
	constructor(name, position) {
		super(name);  // Вызов родительского конструктора
		this.position = position;
	}
}

При наследовании JavaScript:

• Устанавливает прототипную цепочку

• Копирует статические методы

Сохраняет связь между классами

Тонкости и подводные камни

1. Классы — функции:

class MyClass {}
console.log(typeof MyClass); // "function"

2. Классы не всплывают:

const obj = new MyClass(); // ReferenceError
class MyClass {}

3. Методы не перечисляемы по умолчанию:

class Example {
	method() {} // Не будет виден в for...in
}

Бонус: Как это работает на уровне движка

Движок V8 (Chrome, Node.js) оптимизирует классы:

• Кэширует прототипы

• Используют быстрые внутренние механизмы создания объектов

• Применяют специальные оптимизации для частых операций

Заключение

Классы в JavaScript — это мощный инструмент, который скрывает сложную механику прототипного наследования за простым и понятным синтаксисом. Понимание того, что происходит "под капотом", поможет вам писать более эффективный и осознанный код.