0

Допустим, у меня есть какой-то метод с кучей аргументов:

method(foo: { bar: string | number; baz: Array<string> }, bar: number, baz: 'foo' | 'boo') {
    // do smth
}

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

interface MyMethodFunc {
    (foo: { bar: string | number; baz: Array<string> }, bar: number, baz: 'foo' | 'boo'): void
}

// child component

interface MyChildComponentProps {
    onChange: MyMethodFunc
}

Но в таком случае я могу использовать этот интерфейс только так:

method: MyMethodFunc = function(foo, bar, baz) {
    // do smth
}

Это ломает логику и this класса становится недоступен

An outer value of 'this' is shadowed by this container.

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

Перечитал документацию TypeScript по объявлению функций, но не нашёл решение своей проблемы. Можно ли вообще как-то скастовать интерфейс на метод не изменяя алгоритм?

1
  • class Foo implements IFoo, тогда в классе интерфейс функции уже будет
    – ThisMan
    3 мар 2020 в 8:13

1 ответ 1

0

http://www.typescriptlang.org/play/

type $foo<T> = (this: T, ...args: any[]) => any

const foo3: $foo<Q> = function () { this.qq }
interface Q {
    baz: (this: Q, ...args: any[]) => any
}
class Q {
    qq: string = ''

    foo1: $foo<this> = () => { this.qq }
    foo2: $foo<this> = function () { this.qq }
    foo3 = foo3

    bar: Q.$bar = function () { this.qq }

    constructor() {
        this.baz = function () {
            this.qq
        }

    }
}
namespace Q {
    export type $bar = (this: Q, ...args: any[]) => any
}
2
  • почему это выглядит так страшно?
    – ThisMan
    3 мар 2020 в 8:38
  • Если вы про форматирование - с телефона
    – qwabra
    3 мар 2020 в 8:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.