모던 자바스크립트 Deep Dive - 18. 함수와 일급 객체

18.1. 일급 객체

• 일급 객체 조건
  • 무명의 리터럴, 런타임에 생성 가능
  • 변수나 자료구조(객체, 배열 등)에 저장 가능
  • 함수의 매개변수로 전달 가능
  • 함수의 반환값으로 사용 가능
• 자바스크립트의 함수는 일급 객체 -> 함수를 객체와 동일하게 사용할 수 있다는 의미
• 값을 사용할 수 있는 곳(변수 할당문, 프로퍼티의 값, 배열 요소 등) 어디서든 사용 가능
• 특히 함수의 매개변수로 전달하고 반환값으로 사용한다는 점은 함수형 프로그래밍을 가능하게 함
• 함수 객체는 호출할 수 있기 때문에 함수 고유의 프로퍼티를 소유함

18.2. 함수 객체의 프로퍼티

• 함수는 객체이므로 프로퍼티를 가질 수 있음
  • console.dir(메소드명)
  • Object.getOwnPropertyDescriptors(메소드명)
• __proto__ 접근자 프로퍼티 존재함 -> 객체의 프로퍼티 상속받은 것을 의미함

18.2.1. arguments 프로퍼티 객체

• 함수 호출 시 전달된 인수들의 정보를 담고 있음
• 순회 가능한 유사 배열 객체이면서 이터러블
  • 배열은 아니기 때문에 배열 메서드를 사용할 경우 에러 발생
  • Function.prototype.call, apply 등을 사용해 간접 호출해야 함
• 함수 내부에서 지역 변수처럼 사용됨 (외부에서 참조 불가)
• 매개변수의 개수보다 적게 전달하는 경우 전달되지 않은 매개변수는 undefined 초기화 상태
• 더 많이 전달하는 경우 초과된 인수 무시
  • 암묵적으로 arguments 객체의 프로퍼티로 보관됨
  • callee : 함수 자신, length: 인수의 개수
• 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할때 유용함

function sum() {
  let res = 0;
  for (let i=0; i < arguments.length; i++) {
    res += arguments[i];
  }
  return res;
}

console.log(sum()); // 0
console.log(sum(1,2)); // 3
console.log(sum(1,2,3)); // 6

18.2.2. caller 프로퍼티

• 비표준 프로퍼티
• 함수 자신을 호출한 함수를 가리킴

18.2.3. length 프로퍼티

• 함수를 정의할 때 선언한 매개변수의 개수
• arguments 객체의 length 프로퍼티(전달받은 인자의 개수)와 다름 주의

18.2.4. name 프로퍼티

• 함수 이름을 나타내는 프로퍼티
• ES6에서 정식 표준이 됨
  • ES5에서는 익명 함수의 name은 빈 문자열
  • ES6에서는 함수 객체를 가리키는 변수 이름
• 함수 이름과 함수 객체를 가리키는 식별자 구분 주의

18.2.5. proto 접근자 프로퍼티

• 모든 객체는 [[Prototype]] 내부 슬롯을 가짐
  • 상속을 구현하는 프로토타입 객체
• proto 프로퍼티는 프로토타입 객체에 간접적으로 접근하기 위해 사용하는 접근자 프로퍼티

18.2.6. prototype 프로퍼티

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

  [출처] 모던 자바스크립트, Deep Dive