📕[책] 쏙쏙 들어오는 함수형 코딩 - 23,24

253p ~ 278p

요약

😇 개요
코드의 냄새. 두 가지의 리팩터링으로 해결 가능.

1. 암묵적 인자를 드러내기. 즉, 명시적 인자로 바꾸기 (일급 값)
2. 함수 본문을 콜백으로 바꾸기 (고차 함수) ➡️ 오늘의 주제.

😇 용어 정리
일급 (first-class) : "인자로 전달할 수 있다."
일급 값 : '일급'인 데이터.
일급 함수 : '일급'인 함수.
고차 함수 : 일급 함수를 인자로 받거나 리턴할 수 있는 함수.

😇 "함수 본문을 콜백으로 바꾸기"

1. 본문과 그 앞부분 / 뒷부분 을 확인한다.
   • 본문 : 구현이 비슷한 여러 개의 함수에서, 코드에 변화가 있는 부분.
2. 리팩터링 할 코드를 함수로 빼낸다.
3. 본문을 인자(콜백 함수)로 만들어, 2번에서 빼낸 함수(고차 함수)에 인자로 전달한다.

😇 코드 예시

// 1. 앞부분 뒷부분 확인
function arraySet (array, idx, value) {
	var copy = array.slice();	// 앞부분
  	copy[idx] = value;			// 본문
  	return copy;				// 뒷부분
}

// 2. 함수 빼내기
function withArrayCopy(array) {
	var copy = array.slice();
	copy[idx] = value;				        // 본문. 아직 제대로 정의되지 않은 상태.
  	return copy;
}
function arraySet(array, idx, value) {
	return withArrayCopy(array);
}


// 3. 콜백 빼내기
function withArrayCopy(array, modify) {
	var copy = array.slice();
	modify(copy);	                        // 콜백 호출. 원래의 본문에 해당.
  	return copy;
}
function arraySet(array, idx, value) {
  	return withArrayCopy(
      array,
      function(copy) {copy[idx] = value;}	// 콜백 전달
    );
}

발췌

자바스크립트에서 인자로 전달하는 함수를 콜백(callback) 또는 핸들러 함수(handler function) 라고 부릅니다. 물론 자바스크립트 외의 다른 커뮤니티에서도 사용하는 용어입니다. 콜백으로 전달하는 함수는 "나중에 호출될 것"을 기대합니다.

• 선택적으로 호출 (e.g. 조건문 안에서)
• 나중에 호출 (e.g. sleep()을 통한 일정 시간 경과 후)
• 새로운 문맥 안에서 호출 (e.g. try/catch 구문 안에서)

메모

고차 함수에 전달하는 콜백 함수는, 고차 함수 안에서 호출되는 꼴에 맞는 인자와 결과값을 가지고 있어야 함. 타입스크립트가 왜 생겼는지 알겠다.