typescriptのcallback関数がぱっと見が謎だった #JavaScript

udemyの講座を見ていてぱっと見謎だった。
console.logで42が表示されるソースが以下。

index.ts

function doubleAndHandle(num: number, cb: (num: number) => number) : void {
  const doubleNum = cb(num * 2);
  console.log(doubleNum);
}
doubleAndHandle(21, doubleNum => {
  return doubleNum;
});

googleでアロー関数を調べて理解した。要は無名関数の以下と同義。

index.ts

doubleAndHandle(21, function (doubleNum) {
  return doubleNum;
});

()を付けたほうがわかりやすいと思った。

index.ts

doubleAndHandle(21, (doubleNum) => {
  return doubleNum;
});