Me hago una pregunta sobre la herencia y las propiedades estáticas en javascript.

aquí está mi código:

 export default class BaseService { static singleton = null; _instance; constructor() { this._instance = axios.create({ baseURL: process.env.REACT_APP_SERVER_URL, headers: { 'Accept': "application/json", 'Content-Type': "application/json" } }); } } export default class AService extends BaseService{ constructor() { super(); } static getInstance() { if (AService.singleton == null) { AService.singleton = new AService(); } return AService.singleton; } } export default class BService extends BaseService{ constructor() { super(); } static getInstance() { if (BService.singleton == null) { BService.singleton = new BService(); } return BService.singleton; } }

Entonces, en mi código, en lugar de hacer un servicio = nuevo AService() cada vez que necesito el servicio correspondiente, uso el método getInstance(). Hice algunas pruebas y parece funcionar como se esperaba, pero necesito algunas confirmaciones de desarrolladores js más experimentados.

Sabiendo el hecho de que AService y BService son tipos de objetos diferentes, significa que cuando creo una instancia de AService, ¿el singleton del objeto principal se establece solo para todos los objetos AService y no para BService?

La segunda parte de mi pregunta es: ¿es esta una buena implementación de patrón para singleton en clases es6?

La última parte es que, si es el caso, es posible colocar el método getInstance en la clase principal, como en C#, haría algo así: getInstance<T>() where T : BaseService lo que significa que el tipo T genérico es BaseService o heredar de BaseService.

Gracias de antemano, espero ser comprensible no dudes en pedirme más información en el otro caso.