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

18.1 일급 객체

• 일급객체: 무명의 리터럴로 생성할 수 있다. (런타임에 생성이 가능)
  & 변수나 자료구조에 저장할 수 있다.
  & 함수의 매개변수에 전달할 수 있다.
  & 함수의 반환값으로 사용할 수 있다.
  => 함수를 객체와 동일하게 사용 가능
  (객체 = 값 -> 함수 = 값, 런타임에 함수 객체로 평가됨)

• 일급객체 특징: 일반 객체처럼 함수의 매개변수에 전달 가능, 함수의
  반환값으로 사용 가능
  -> 함수형 프로그래밍 가능

• 함수 객체 특징: 호출 가능, 함수 고유의 프로퍼티 소유

18.2 함수 객체의 프로퍼티

함수는 객체 -> 프로퍼티 가짐
=> 함수 프로퍼티의 프로퍼티 어트리뷰트는 Object.getOwnPropertyDescriptors 메서드로 확인 가능

• arguments, caller, length, name, prototype 프로퍼티는 모두항수 객체의 데이터 프로퍼티 (함수 객체 고유의 프로퍼티)
• -- proto_－는 접근자 프로퍼티 -> object.prototype 객체의 프로퍼티를 상속받은 것 (함수 객체 고유의 프로퍼티 X)

18.2.1 arguments 프로퍼티

• 함수 객체의 arguments 프로퍼티 값 = arguments 객체

• arguments 객체: 함수 호출 수 전달된 인수들의 정보를 가지고 있는 순회 가능한 유사 배열 객체, 함수 내부에서 지역 변수처럼 사용(함수 외부에서는 참조 불가)

• 매개변수의 개수와 함수를 호출할 때 전달하는 인수의 개수를 확인하지 않는 자바스크립트의 특정 -> arguments 객체 유용하게 사용
  => 부족하면 undefined, 초과되면 무시 (에러 발생 X, 초과된 인수는 암암묵적으로 arguments 객체의 프로퍼티로 보관)

• 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용

function sum(...args){
	return args.reduce((pre,cur) => pre + cur, 0);
}

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

18.2.2 caller 프로퍼티

• ECMAScript 사양에 포함되지 않은 비표준 프로퍼티
  => 이후 표준화될 예정도 없는 프로퍼티

18.2.3 length 프로퍼티

• 함수를 정의할 때 선언한 매개변수의 개수 의미

• arguments 객체의 length 프로퍼티: 인자의 개수
  / 함수 객체의 length 프로퍼티: 매개변수의 개수

function foo() {}
console.log(foo.length); // 0

function baz(x, y) { 
  return x * y; 
} 
console.log(baz.length); // 2

18.2.4 name 프로퍼티

• 함수 이름을 의미

var namedFunc = function foo() {}; 
console.log(namedFunc.name); // foo 

18.2.5 proto 접근자 프로퍼티

• [[Prototype]] 내부 슬롯이 가리키는 프로토타입 객체에 접근하기 위해 사용하는 접근자 프로퍼티 의미

• 내부 슬롯에는 간접적인 접근만 가능 -> proto 접근자 프로퍼티를 통해 가능

18.2.6 prototype 프로퍼티

• 생성자 함수로 호출할 수 있는 함수 객체 (constructor만이 소유하는 프로퍼티) 의미

• 함수가 객체를 생성하는 생성자 함수로 호출될 때 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가리킴