Как лучше сделать тип для колбэка с передачей в него this?

Question

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

Подскажите тип для колбэка, что бы была подсветка методов

class BaseLol {
	myMethod1(arg = 123) {
		return arg;
	}
	public extend(callback: CallableFunction) {
		callback(this);
		return this;
	}
    /* ... */
}

class Lol extends BaseLol {
	myMethod2(arg = "qwe") {
		return arg;
	}
}

const instance = new Lol();

instance.extend((inst) => { //<<< нужен тип что бы узнать какие пропсы, методы и тд...
        inst.customProp = 'lol';
	inst.myMethod1(123123);
});

Comments

[Александр Шипин]

судя по логике, по текущему коду, у вас тип будет any, а так, смотря что и от чего наследуете,

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

Александр Шипин,
Вот так должно быть, только автоматом без указания типа, это в классе надо как то разрешить, что бы инфа уже была снаружи

const instance = new Lol();
instance.extend((inst: Lol) => {
        inst.customProp = 'lol';
        inst.myMethod1(123123);
});

[WbICHA]

public extend(callback: (inst: BaseLol) => void) {

[WbICHA]

Александр Шипин, нигде и никогда не должно быть эни.
За исключением пары случаев ради красоты.

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

WbICHA, Не совсем то... там только методы из базового класса, а на методы из Lol ругается, он их не видит

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

WbICHA,
Всё разобрался)))

public extend(callback: (inst: this) => void) {
		callback(this);
		return this;
	}

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

instance.extend((inst) => {
	inst.customProp = 123; //<<< теперь ругается на это
	inst.myMethod1(123123);
	inst.myMethod2("qweqwe");
});

Свойство "customProp" не существует в типе "Lol", а если надо динамические свойства ?

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

Сергей Ержович,
Всё решил вопрос)

public extend(callback: (inst: this & { [key: PropertyKey]: any }) => void) {
		callback(this);
		return this;
	}

[Александр Шипин]

WbICHA,

нигде и никогда не должно быть эни.
За исключением пары случаев ради красоты.

может быть:
1. при миграции из JS на TS, пока точно не будет ясна типизация решений
2. если принимать всё, от класса до строки, числа, массива и тд (всепожирающее value:-D)

Но, об этом как-нибудь в другом месте :-D

Answer 1

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

public extend(callback: (inst: this) => void) {
    callback(this);
    return this;
  }