Как создается класс угловых компонентов?

Question

Я новичок в Angular и вижу, что мы используем классы для компонентов. Но я нигде не вижу примеров создания классов и создания экземпляров объектов из них, например, используя новое ключевое слово. Мы просто определяем класс и используем его. Некоторые классы даже не имеют конструктора, например app.component.ts, только свойство title внутри. Как так? В одной статье, которую я читал, написано

Конструктор вызывается, когда Angular создает компонент или директиву, вызывая new для класса.

Так где же new вызывается? Это все происходит за кулисами? Итак, угловые экземпляры классов и создание объектов из них во время компиляции, при компиляции из TS в JS? Если так, где я могу найти исходный код JS для этого, чтобы увидеть реальный пример этого?

Это действительно сбивает меня с толку, и я очень хочу понять, как Angular 2+ работает под капотом. Несколько ссылок на другие статьи об этом тоже было бы неплохо, чтобы увидеть всю логику и магию javascript для этого фреймворка.

Спасибо.

Answer 1

class A {
  title = 'foo';
}

Это Объявления полей , и это то же самое, что

class A {
  constructor(){
    this.title = 'foo';
  }
}

Новый экземпляр, созданный, когда угловая среда выполнения решает показать компонент.