18. 함수와 일급 객체

일급 객체

• 무명의 리터럴로 생성 가능 (런타임에 생성 가능)
• 변수, 자료구조(객체/배열 등)에 저장 가능
• 함수의 매개변수에 전달 가능
• 함수의 반환값으로 사용 가능

 

// 1. 함수는 무명의 리터럴로 생성 가능
// 2. 함수는 변수에 저장 가능
// 런타임에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당됨
const increase = function (num) {
  return ++num;
};

// 2. 함수는 객체에 저장 가능
const auxs = { increase };

// 3. 함수의 매개변수에 전달 가능
// 4. 함수의 반환값으로 사용 가능
function makeCounter(aux) {
  let num = 0;
  
  return function () {
    num = aux(num);
    return num;
  };
}

// 3. 함수는 매개변수에게 함수를 전달 가능
const increaser = makeCounter(auxs.increase);
console.log(increaser()); // 1

• 자바스크립트의 함수는 위의 조건을 모두 만족하기 때문에 일급 객체임
• 함수형 프로그래밍이 가능함

---

함수 객체의 프로퍼티

• 데이터 프로퍼티
• arguments
• caller
• length
• name
• prototype

 

__proto__

• 접근자 프로퍼티
• 함수 객체 고유의 프로퍼티가 아님
• Object.prototype 객체의 프로퍼티를 상속받은 것
• 모든 객체가 사용 가능

 

1. arguments 프로퍼티

• 함수 객체의 arguments 프로퍼티 값 : arguments 객체
  • 함수 호출 시 전달된 인수를 프로퍼티 값으로 가짐
  • 프로퍼티 키는 인수의 순서를 나타냄
    • 인수 < 매개변수 시 나머지 매개변수는 undefined 로 초기화된 상태 유지
    • 인수 > 매개변수 시 나머지 인수는 무시됨
    • 모든 인수는 암묵적으로 arguments 객체의 프로퍼티로 보관됨
  • 순회 가능한 유사 배열 객체
  • 함수 내부에서 지역 변수처럼 사용됨
  • 함수 외부에서는 참조 불가능
  • callee 프로퍼티는 함수 자신을 가리킴
  • length 프로퍼티는 인수의 개수를 가리킴
  • 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용함

 

2. caller 프로퍼티

• ECMAScript 사양에 포함되지 않은 비표준 프로퍼티
• 이후 표준화될 예정이 없는 프로퍼티
• 함수 자신을 호출한 함수를 가리킴

 

3. length 프로퍼티

• 함수를 정의할 때 선언한 매개변수의 개수를 가리킴
• arguments 객체의 프로퍼티 (인자 개수) 와 다를 수 있음

 

4. __proto__ 접근자 프로퍼티

• [[Prototype]] 내부 슬롯이 가리키는 프로토타입 객체에 접근하기 위해서 사용하는 접근자 프로퍼티
• 내부 슬롯에는 직접 접근 불가능
• __proto__ 접근자 프로퍼티를 통해 간접적으로 프로토타입 객체에 접근 가능

 

5. prototype 프로퍼티

• 생성자 함수로 호출할 수 있는 함수 객체인 constructor 만이 가지는 프로퍼티
• 일반 객체와 non-constructor 에는 없음
• 함수가 객체를 생성하는 생성자 함수로 호출될 때
  • 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가리킴