[JavaScript] 함수와 일급객체

일급 객체

1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.
2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다.
3. 함수의 매개변수에 전달할 수 있다.
4. 함수의 반환값으로 사용할 수 있다.

위와 같은 조건을 만족하는 객체를 일급 객체라 한다.

자바스크립트의 함수는 일급 객체인데, 이는 함수를 객체(값)와 동일하게 사용 가능하다는 의미이다.

함수 객체의 프로퍼티

함수는 객체이기 때문에 프로퍼티를 가질 수 있다.

function square(number) {
  return number * number;
}
 
// Object.getOwnPropertyDescriptors 메서드로 프로퍼티 어트리뷰트 확인
console.log(Object.getOwnPropertyDescriptors(square));
 
/*
{
length: {value: 1, writable: false, enumerable: false, configurable: true},
name: {value: "square", writable: false, enumerable: false, configurable: true},
arguments: {value: null, writable: false, enumerable: false, configurable: false},
caller: {value: null, writable: false, en나merable: false, configurable: false},
prototype: {value: {...}, writable: true, enumerable: false, configurable: false}
}
*/

1. arguments 프로퍼티

• arguments 프로퍼티 값은 arguments 객체
• arguments 객체
  • 함수 호출 시 전달된 인수들의 정보를 담고 있는 순회 가능한 유사 배열 객체

    💭 유사 배열 객체?

    length 프로퍼티를 가진 객체로 for 문으로 순회 가능한 객체

  • 함수 내부에서 지역 변수처럼 사용 (함수 외부에서 참조 불가)
  • 매개변수 개수를 확정할 수 없는 가변 인자 함수 구현 시 유용
• arguments 프로퍼티는 ES3부터 폐지, 따라서 arguments 객체 참조

2. caller 프로퍼티

• ECMAScript 사양에 포함되지 않은 비표준 프로퍼티
• 함수 자신을 호출한 함수를 가리킴

3. length 프로퍼티

• 함수를 정의할 때 선언한 매개변수의 개수를 가리킴

⭐ arguments 객체의 length vs. 함수 객체의 length

• arguments 객체: 인자의 개수
• 함수 객체: 매개변수의 개수

4. name 프로퍼티

• 함수 이름
• 주의: 익명 함수 표현식
  • ES5의 name 프로퍼티: 빈 문자열
  • ES6의 name 프로퍼티: 함수 객체를 가리키는 식별자

5. __proto__ 접근자 프로퍼티

• 모든 객체는 [[Prototype]] 내부 슬롯을 가짐
• [[Prototype]] 내부 슬롯이 가리키는 프로토타입 객체에 접근하기 위해 사용
• __proto__를 통해 간접적으로 접근

6. prototype 프로퍼티

• constructor만 소유(non-constructor에는 없음)
• 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가리킴