• 자바스크립트에서는 함수를 값으로 전달할 수 있음
• 즉, 함수를 가지기 위한 매개변수 or 변수의 타입을 선언하는 방법이 필요함

let nothingInGivesString: () => string;

let inputAndOutput: (songs: string[], count?: number) => number;

• 함수 타입은 콜백 매개변수를 설명하는 데 자주 사용됨

const songs = ["Juice", "Shake It Off", "What's Up"];

function runOnSongs(getSongAt: (index: number) => string) {
  for (let i = 0; i < songs.length; i += 1) {
    console.log(getSongAt(i));
  }
}

function getSongAt(index: number) {
  return `${songs[index]}`;
}

runOnSongs(getSongAt); // ✅ Ok

function logSong(song: string) {
  return `${song}`;
}

runOnSongs(logSong); // ❌ Error

📍 함수 타입 괄호

• 유니언 타입의 애너테이션에서 함수 반환 위치를 나타내거나 유니언 타입을 감싸는 부분을 표시할 때 괄호를 사용함

let returnsStringOrUndefined: () => string | undefined;
let maybeReturnsString: (() => string) | undefined;

📍 매개변수 타입 추론

• 선언된 타입의 위치에 제공된 함수의 매개변수 타입을 유추할 수 있음

let singer: (song: string) => string;

singer = function (song) {
  //   song: string 타입
  return `Singing: ${song.toUpperCase()}!`; // ✅ Ok
};

const songs = ["Call Me", "Jolene", "The Chain"];

songs.forEach((song, index) => {
  console.log(`${song} is at index ${index}`);
});

📍 함수 타입 별칭

• 함수 타입에서도 타입 별칭을 사용할 수 있음

type StringToNumber = (input: string) => number;

let stringToNumber: StringToNumber;

stringToNumber = (input) => input.length; // ✅ Ok

stringToNumber = (input) => input.toUpperCase(); // ❌ Error

• 함수 매개변수도 함수 타입을 참조하는 별칭을 입력할 수 있음

type NumberToString = (input: number) => string;

function usesNumberToString(numberToString: NumberToString) {
  console.log(`The string is: ${numberToString(1234)}`);
}

usesNumberToString((input) => `${input}! Hooray!`); // ✅ Ok

usesNumberToString((input) => input * 2); // ❌ Error

=> 타입 별칭을 이용하면 반복적으로 작성하는 매개변수와 반환 타입을 갖는 코드 공간을 많이 절약할 수 있음