🌸18장. 함수와 일급 객체

✅18.1 일급 객체

다음 조건을 만족하는 객체를 **일급 객체**라고 한다.

1. 무명의 리터럴로 생성할 수 있다. ⇒ 런타임에 생성이 가능하다.

2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다.

3. 함수의 매개변수에 전달할 수 있다.

4. 함수의 반환값으로 사용할 수 있다.

자바스크립트의 함수는 일급 객체다.

// 1. 무명 리터럴로 생성가능
// 2. 함수는 변수에 저장 가능
// -> 런타임 시점에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다.(정확히는 함수 객체의 참조값이 할당 된다.)
const increase = function (num) {
    return ++num;
};
const decrease = function (num) {
    return --num;
};

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

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

    return function () {
        num = predicate(num);
        return num;
    };
}

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

const decreaser = makeCounter(predicate.decrease);
console.log(decreaser()); // -1
console.log(decreaser()); // -2

일급 객체로서 함수가 가지는 가장 큰 특징은

• 일반 객체와 같이 함수를 함수의 매개변수에 전달할 수 있고

• 함수의 반환값으로 함수를 사용할 수 있다.

이는 자바스크립트의 함수형 프로그래밍을 가능하게 한다.

일반 객체와는 다르게

• 일반 객체는 호출할 수 없지만, 함수 객체는 호출할 수 있다.

• 함수 객체는 일반 객체에는 없는 함수 고유의 프로퍼티를 소유한다.

✅18.2 함수 객체의 프로퍼티

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

함수의 모든 프로퍼티

• arguments, caller, length, name, prototype프로퍼티 : 함수 객체의 데이터 프로퍼티(함수 객체 고유의 프로퍼티)

• __proto__ :접근자 프로퍼티. Object.prototype 객체의 프로퍼티를 상속받은 것(모든 객체 사용 가능)

각 프로퍼티에 대해 간단하게만 살펴보자면,

arguments 프로퍼티

• 값 : arguments 객체(전달된 인수들의 정보를 담고 있는 순회 가능한(iterable)유사 배열 객체)

• 함수 내부에서 지역변수처럼 사용하기 때문에 외부에서 참조할 수 없다.

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

• arguments 객체는 유사배열객체이지 배열 그자체는 아니기 때문에, 배열 메서드를 사용할 경우 에러가 발생한다. ⇒ ES6부터 Rest 파라미터 도입

caller 프로퍼티

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

length 프로퍼티

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

name 프로퍼티

• 함수의 이름

• 익명 함수의 경우,

  • ES5 → 빈 문자열('')

  • ES6 → 함수 객체를 가리키는 식별자

__proto__ 접근자 프로퍼티

• 프로토타입 객체에 접근하기 위해 사용하는 접근자 프로퍼티로,

• 이 프로퍼티에 직접 접근할 수는 없고 간접적인 방법으로 접근 가능

prototype 프로퍼티

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