How to declare a function on TS that returns the result of executing a function from an argument?

Question

typescript

There is a wrapper function, which, for example, adds logs before and after the function execution and returns the result of its execution.
How to describe the types correctly so that the IDE displays hints?

Answer 1

function logDecorator<R, Args extends unknown[], This = void>(
    f: (this: This, ...args: Args) => R
): (this: This, ...args: Args) => R {
    return function(...args) {
        console.log(f.name, this, args);
        const result = f.apply(this, args);
        console.log(f.name, result);
        return result;
    }
}

https://www.typescriptlang.org/play?#code/GYVwdgxg...