Как лучше сделать экспорт класса, чтобы вызывать его как функцию?

Question

[Сергей Ержович]

Допустим имеем такой код

class BaseLol {  /* ... */  }

class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
}

Надо что бы можно его использовать таким образом, и что бы были подсказки по параметрам:

import lol from './lol';
const instance = lol('qwe');

Экспортировать его можно таким образом например
export default (name: string) => new Lol(name);
Или так

export default (...args: ConstructorParameters<typeof Lol>) => new Lol(...args);

Вопрос в том можно ли сделать какой то хелпер что бы не прокладывать параметры каждый раз, хотелось бы что то типа такого:

function exportLol(classFromExport) {
  return (...args) => new classFromExport(...args);
}
export default exportLol(Lol);

но тогда нету подсказок по параметрам.

Плюс этот базовый класс может использоваться на проекте без тайпскрипта, что бы были хоть минимальные подсказки, можно переписать первую конструкцию таким образом:

class BaseLol {  
constructor() {
    return new Proxy(this, {
      get(target, prop) {
        if (prop === "init") {
          return (...args: any) => {
            const clone = Object.assign(
              Object.create(Object.getPrototypeOf(target)),
              target
            );
            clone.init(...args);
            return clone;
          };
        }
      },
    });
  }
/* ... */  
}

class Lol extends BaseLol {
  init(name: string) {
    this.name = name.toUpperCase();
    return this;
  }
}

И экспортировать потом таким образом:
export default new Lol().init;
Тогда можно использовать таким образом:

import lol from './lol';
const instance = lol('qwe');

И видны подсказки по параметрам.

Суть в том, чтобы было удобно писать классы без лишнего бойлерплейта, и использовать их внешне как функцию без оператора new.
Хз как лучше...

Answer 1

[Aetae]

Вам лень писать new? Имхо, это перебор. Не отвалятся у вас руки три лишних символа написать, и это будет куда нагляднее чем непонятные излишние функции.

Но рас так хочется, то тип для твоей функции таков:

function exportConstruct<P extends any[], T>(classFromExport: { new (...args: P): T; }): 
(...args: P) => T {
  return (...args) => new classFromExport(...args);
}

Но так ты теряешь например возможность использовать статические методы класса.

Если можешь использовать Proxy то можно просто сделать класс вызываемым:

function exportCallable<T extends { new (...args: any[]): any; }>(classFromExport: T) {
  return new Proxy(classFromExport, {
    apply(ctor, _, args) {
      return new ctor(...args);
    }
  }) as T & ((...args: ConstructorParameters<T>) => InstanceType<T>);
}

const Lol = exportCallable(class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
});

Lol('qwe');

Либо ты можешь просто добавть статический метод, который будет делать то же самое:

abstract class Newable {
  static new<P extends any[], T>(this: { new (...args: P): T; }, ...args: P): T { 
    return (new this(...args)) as T
  }
}

class BaseLol extends Newable {  /* ... */ }

class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
}

Lol.new('qwe');

Comments

[Сергей Ержович]

new написать не лень, просто у этих классов специфическое применение и для конечного пользователя это должна быть просто функция.

[Сергей Ержович]

Вот круто то что надо)
С тайпскриптом тока знакомлюсь, пока такое хз как описать) ну круто подсказки есть, подсазки же и на проекте без TS будет работать ?

[Aetae]

Это зависит от IDE. Но обычно если типы есть - IDE их цепляет, так что будет. Разница лишь в том что если ты их заигноришь - ts тебя остановит, а js нет.)

[WbICHA]

Сергей Ержович, я одного понять не могу: если ты хочешь использовать класс, как функцию, по какой причине ты используешь класс, а не функцию?

[Сергей Ержович]

Aetae, вариант с прокси наверно лучший ? так как экспортируется сразу и класс который можно расширить и вызвать с оператором new. вот этот exportCallable можно добавить в базовый класс, что бы можно было просто;

class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
}
export default Lol.exportCallable

?? тогда бы было ещё меньше бойлерплейта, а так надо импортировать функцию что бы экспортировать класс) ппц как звучит

[Сергей Ержович]

WbICHA, что бы его можно было расширять нормально, добавлять методы из вне, и тд... в нормальном ооп режиме работать, а не прототипы там разные мудрить и мучатся потом с подсказками в IDE)))

[Aetae]

Сергей Ержович, ну так или иначе тебе придётся что-то импортировать. Либо функцию, либо базовый класс который предоставит соответствующее свойство для наследников(не руками же каждый раз писать).)

Ну и 100500 импортов на каждый чих в современном javascript это порядок вещей, не стоит этого бояться.

[Сергей Ержович]

Aetae, Я в базовый добавил статический метод, это выглядит так;

import BaseLol from "base-lol";

class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
}
export default BaseLol.exportCallable(Lol)

Ну хотелось бы так:
export default Lol.exportCallable

Такое можно сделать на TS?) в твоём примере с Newable же работает ) прокси бы так же через стат метод, было бы круто)

[Aetae]

Сергей Ержович, можно просто совместить 2 предложенных варианта:

class BaseLol {
  /* ... */
  
  static exportCallable<T extends { new (...args: any[]): any;}>(this: T) { 
    return new Proxy(this, {
      apply(ctor, _, args) {
        return new ctor(...args);
      }
    }) as T & ((...args: ConstructorParameters<T>) => InstanceType<T>);
  }
}

class Lol extends BaseLol {
  constructor(public name: string) {
    super();
    this.name = name.toUpperCase();
  }
}

export default Lol.exportCallable();

Чтоб это было не методом а свойством\геттером - тут сложнее, сходу придумать ничего не удалось. М.б. можно как-то через статические блоки...

[WbICHA]

Сергей Ержович,

что бы его можно было расширять нормально, добавлять методы из вне, и тд... в нормальном ооп режиме работать, а не прототипы там разные мудрить и мучатся потом с подсказками в IDE)))

Так ты уже забиваешь на само ООП.
Зачем тебе при экспорте функции лезть в прототипы вообще? Ты используешь класс, как функцию, и ещё говоришь о каком-то расширении.

[Сергей Ержович]

Aetae, Ай ты мой спаситель) красава !

[Сергей Ержович]

WbICHA, это не совсем функция, с прокси это тот же класс который можно вызвать без new.