🤷🏻‍♀️ 고차함수? 콜백?

고차함수

고차함수란? 함수를 인자(argument)로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수

고차 함수는 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수를 말한다.
고차함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다.
자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반환할 수도 있다.

💡 인자(argument)란? - 어떤 함수를 호출할때, 호출문의 ( )안에 들어가는 어떤 값이나 변수

💡 매개변수란?

• 함수를 정의하면서 그 전달된 인자를 받아들이는 변수

❗️ 인자와 매개변수 예시

function doubleNum(num) {
  let result = num * 2
  return result
}

doubleNum(2);

✅ 인자는 => 숫자 2 / 매개변수는 => num

❗️ 고차함수 예시

• 다른 함수를 인자로 받는 경우

function back(num) {
  return num * 2;
}

function doubleNum(func, num) {
  return func(num);
}

doubleNum(back, 5);

✅ 다른 함수를 인자로 받고 있는 doubleNum은 고차함수임
✅ func는 doubleNum의 콜백함수임
✅ back은 doubleNum의 콜백함수임

콜백함수

콜백함수란? 다른 함수의 인자로 전달되는 함수
어떤 작업이 완료되었을 때 호출하는 경우가 많아 지어진 이름

콜백함수란? 순차적으로 함수를 실행하고 싶을 때 사용
콜백함수는 그냥 함수 디자인 패턴일 뿐
동기, 비동기와는 조금 다름

❗️ 콜백함수 예시 (1)

function 첫째함수(구멍) {
  console.log(1);
  구멍();
}

function 둘째함수() {
  console.log(2);
}

첫째함수(둘째함수);
//console에는 1 2 가 순차적으로 찍힘

❗️ 콜백함수 예시 (2)

function 첫째함수(구멍) {
  console.log(1);
  구멍();
}

function 둘째함수() {
  console.log(2);
}

첫째함수(function(){
  둘째함수(function(){
    셋째함수(function(){
    
    });
  });
});

패턴의 한계때문에 콜백 지옥이 생김.

💡 가독성 떨어지는 콜백함수의 문제점 => 더 쉽게 쓰기위한 Promise 함수