JavaScript #10

일급 객체 (first-class object)

컴퓨터 프로그래밍 언어 디자인에서, 일급 객체(영어: first-class object)란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 매개변수로 넘기기, 수정하기, 변수에 대입하기와 같은 연산을 지원할 때 일급 객체라고 한다.
위키백과 - 일급 객체

JavaScript에서 대표적인 일급 객체는 함수

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

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

// square에는 함수가 할당 되어있다
// 함수 호출 연산자 '()'를 사용할 수 있다
output = square(7);
console.log(output);  // 49

고차함수 (higher order function)

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

이 때, 다른 함수의 인자로 전달되는 함수를
콜백 함수(callback function)라고 한다

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

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

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


// 함수 doubleNum은 다른 함수를 인자로 받는 고차 함수
// 첫 번째 인자 func에 함수가 들어올 경우
// 함수 func는 함수 doubleNum의 콜백 함수
// 아래의 경우, 함수 double은 함수 doubleNum의 콜백 함수

let output = doubleNum(double, 4);
console.log(output);  // 8

2. 함수를 리턴하는 경우

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

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

// adder(5)는 함수, 함수 호출 연산자 '()'를 사용할 수 있다

let output = adder(5)(3);  // 8
console.log(output);  // 8

// adder가 리턴하는 함수를 변수에 저장할 수 있다
const add3 = adder(3);
output = add3(2);
console.log(output);  // 5

3. 함수를 인자로 받고, 함수를 리턴하는 경우
   = 1. + 2.

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

function doubleAdder(added, func) {
  const doubled = func(added);
  return function (num) {
    return num + doubled;
  };
}

// 함수 doubleAdder는 고차 함수
// 인자 func는 함수 doubleAdder의 콜백 함수
// 함수 double은 함수 doubleAdder의 콜백으로 전달되었다

// doubleAdder(5, double)는 함수, '()'를 사용할 수 있다
doubleAdder(5, double)(3);  // 13

// doubleAdder가 리턴하는 함수를 변수에 저장할 수 있다 
const addTwice3 = doubleAdder(3, double);
addTwice3(2);  // 8