Funkcje zwrotne (callbacks) w TypeScript

Dla funkcji zwrotnych (callback) można również określić typ parametrów i typ zwracanej wartości. Spójrz na przykład:

typescriptfunction make(num: number, func: (num: number) => number): number {
  return func(num);
}

Wywołajmy naszą funkcję z jedną funkcją zwrotną:

typescriptmake(3, function(num: number): number {
  return num ** 2;
});

A teraz z inną funkcją zwrotną:

typescriptmake(3, function(num: number): number {
  return num ** 3;
});

Задание 1

Powiedz, jaki będzie wynik wykonania następującego kodu:

typescripttype Func = (num: number) => number;

function make(arr: number[], func: Func): number[] {
  return arr.map(function(elem: number) {
    return func(elem);
  });
}

let res: number[] = make([1, 2, 3], function(num: number): number {
  return num ** 2;
});

console.log(res);

Задание 2

Znajdź i popraw błędy popełnione w następującym kodzie:

typescripttype Func = (num: number) => number;

function make(arr: number, func: Func): number {
  let sum = 0;
  
  for (let elem of arr) {
    sum += func(elem);
  }
  
  return sum;
}

let res: number[] = make([1, 2, 3], function(num): string {
  return num ** 2;
});

console.log(res);