Estoy haciendo una aplicación usando JavaScript. Una cosa que noté es que cuando llamo a super() desde el constructor de clases secundarias, no puedo usar campos de clases secundarias.

Por ejemplo:

 class Parent { constructor() { console.log(this.x); } } class Child extends Parent { x = 5; constructor() { super(); } }

 Output: undefined

Como puede ver, el constructor principal no puede acceder al campo x del constructor secundario. Hay preguntas similares en stackoverflow como:

Acceda a la propiedad de clase de JavaScript en la clase principal

La solución que dan es usar un método init() en la clase Parent. Me di cuenta de que todos los métodos que no sean el constructor de la clase principal tienen acceso a los campos secundarios.

 class Parent { init() { console.log(this.x); } } class Child extends Parent { x = 5; constructor() { super(); this.init(); } }

 Output: 5

Sin embargo, también puedo obtener acceso al campo x usando Timeout con un retraso de 0:

 class Parent { constructor() { setTimout(() => console.log(this.x), 0); } } class Child extends Parent { x = 5; constructor() { super(); } }

 Output: 5

Todas las respuestas en stackoverflow dan la solución, pero nadie explica cómo y por qué sucede esto. Entonces mi pregunta es:

1. ¿Por qué el constructor no tiene acceso a los campos de la clase secundaria?

2. ¿Por qué agregar una función de tiempo de espera da acceso a los campos de la clase secundaria?