일급 객체(first-class citizen)란?

자바스크립트에서 특별한 대우를 받는 객체
다른 변수처럼 대상을 다룰 수 있는 것
대표적인 일급 객체 중 하나는 함수 이다.

자바스크립트에서 함수는 아래와 같이 특별하게 취급된다.

• 변수에 할당(assignment) 할 수 있다.
• 다른 함수의 전달인자(argument) 로 전달될 수 있다.
• 다른 함수의 결과로서 리턴될 수 있다.

함수를 변수에 할당할 수 있기 때문에, 함수를 배열의 요소나 객체의 속성값으로 저장할 수 있다.

고차 함수의 이해

고차 함수(higher order function) : 함수를 전달인자(argument)로 받을 수 있고, 함수를 리턴할 수 있는 함수

• 함수는 변수에 저장할 수 있다.
• 함수는 함수를 담은 변수를 전달인자로 받을 수 있다.
• 함수 내부에서 변수에 함수를 할당할 수 있다.
• 함수는 이 변수를 리턴할 수 있다.

콜백 함수(callback function) : 다른 함수(caller)의 전달인자(argument)로 전달되는 함수

1. 변수에 함수를 할당하는 경우

/* 
아래는 변수 square에 함수를 할당하는 함수 표현식
함수 표현식은 할당 전에 사용할 수 없다.
*/

const square = function (num) {
  return num * num;
};

// 변수 square에는 함수가 할당되어 있으므로(일급 객체), 함수 호출 연산자'()'를 사용할 수 있다.
output = square(7);
console.log(output); // 49

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

function multiple(num) {
  return num * num;
}

function multipleNum(func, number){
  return func(number);
}

let result = multipleNum(multiple, 3);
console.log(result); // 9

3. 다른 함수의 결과로서 리턴될 경우

function adder(added) {
  return function (num) {
    return num + added;
  };
}

/*
함수 adder는 다른 함수를 리턴하는 고차 함수 이다.
adder는 인자 한 개를 입력받아서 함수(익명 함수)를 리턴한다.
리턴되는 익명 함수는 인자 한 개를 입력 받아서 added와 더한 값을 리턴한다.
*/

// adder(5)는 함수이므로 함수 호출 연산자 '()'를 사용할 수 있다.
let output = adder(5)(3); 
console.log(output); // 8

// adder가 리턴하는 함수를 변수에 저장할 수 있다.
// javascript에서 함수는 일급 객체이기 때문이다.
const add3 = adder(3);
output = add3(2);
console.log(output); // 5