1

Есть функция createRequest, которая принимает в себя функцию func, и возвращает асинхронную функцию action, которая внутри себя будет вызывать функцию func. Как сделать так, что бы функция action принимала в себя только параметры func, будто вызывается непосредственно функция func?

function createRequest(func: Function): Function {
      // входящие параметры функции action должны соответствовать 
      // входящим параметрам функции func
      return async function action(...args: any) {
        // other code...
        func(...args);
        // ...other code
      }
    }

Например:

function A (a: number, b: string) {
  return [a, b];
}

const B = createRequest(A);

B(1, 'a'); // корректный вызов, передающиеся параметры правильного типа
B(1, 2); // некорректный вызов, typescript должен выдавать ошибку типов

На данный момент код работает, но нужно проверка типов TypeScript.

Наткнулся на Parameters<Type>, однако мне не совсем понятно, как это применить, и подходит ли это вообще.

2
  • что за F используется тут func: F?
    – Grundy
    18 окт 2020 в 16:10
  • Извиняюсь, ошибка, поправил, там тип Function
    – user263906
    18 окт 2020 в 16:13

2 ответа 2

1

Для использования Parameters<T>, нужно чтобы T был совместим с сигнатурой (...args: any): any.

Поэтому в данном случае не получится использовать тип Function.

Однако можно сделать функцию createRequest шаблонной

createRequest<T>

и добавить, что T расширяет (...args: any): any

createRequest<T extends (...args:any)=>any>(func: T)

Так же можно добавить тип возвращаемого значения

function createRequest<T extends (...args:any)=>any>(func: T): (...args:Parameters<T>)=>Promise<void> {

Теперь, для возвращаемой функции достаточно просто указать тип параметров:

return async function action(...args: Parameters<T>) {

теперь, чтобы заработал

func(...args);

Нужно указать, что тип у args - массив, для этого нужно изменить либо в обертке

createRequest<T extends (...args:any[])=>any>(func: T)

либо в возвращаемой функции

    return async function action(...args: Parameters<T>[]) {

Итоговый код может выглядеть так:

function createRequest<T extends (...args:any[])=>any>(func: T): (...args:Parameters<T>)=>Promise<void> {
      // входящие параметры функции action должны соответствовать 
      // входящим параметрам функции func
      return async function action(...args: Parameters<T>) {
        // other code...
        func(...args);
        // ...other code
      }
    }

function A (a: number, b: string) {
  return [a, b];
}

const B = createRequest(A);

B(1, 'a'); // корректный вызов, передающиеся параметры правильного типа
B(1, 2); // некорректный вызов, typescript должен выдавать ошибку типов

Пример для запуска

5
  • как насчёт добавить к вопросу тэг typescript-типы?
    – qwabra
    19 окт 2020 в 1:51
  • Перемудрил, можно проще.
    – Qwertiy
    19 окт 2020 в 20:22
  • @Qwertiy, вообще то же самое получилось, просто ты тип параметра, а я самой функции в generic вынес
    – Grundy
    19 окт 2020 в 23:02
  • Ну так в этом и заключается "проще" ;) Впрочем, допускаю, что в некоторых случаях последствия будут разными - тайпскрипт - такой тайпскрипт...
    – Qwertiy
    19 окт 2020 в 23:03
  • Кстати, не хочешь заглянуть на enSO в мои вопросы по тайпскрипту, особенно в неотвеченные?
    – Qwertiy
    19 окт 2020 в 23:07
0

Песочница

function createRequest<Args extends any[]>(func: (...args: Args) => void) {
    return async function action(...args: Args) {
        func(...args);
    }
}

function f(a: number, b: string) {
  return [a, b];
}

const g = createRequest(f);

g(1, 'a'); // ok
g(1, 2);   // Argument of type 'number' is not assignable to parameter of type 'string'.

Ваш ответ

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