함수와 일급 객체

1. 일급 객체 (first-class object)

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

함수는 === 일급객체

• 일급객체인 함수는 객체와 동일하게 사용할 수 있다. 객체 = 값, 함수 = 값
• 함수는 값을 사용할 수 있는 곳 어디서든지 리터럴로 정의할 수 있으며, 런타임에
  함수 객체로 평가 된다.
• 고유 프로퍼티를 갖는 것, 호출할 수 있는 것을 제외하면 일반객체와 동일하다.
• 일반 객체처럼 함수의 매개 변수에 전달할 수 있으며 함수의 결과값으로 반환할 수 있다. (고차함수)
• 고유 프로퍼티(데이터) (arguments, caller, length, name, prototype)

2. 함수 객체의 프로퍼티

2.1 arguments 프로퍼티

• 함수 객체의 arguments 프로퍼티 값은 arguments 객체
• 함수 호출시 전달된 인수(argument)들의 정보를 담고 있는 순회 가능한(iterable) 유사 배열 객체(array-like object)이며 함수 내부에서 지역 변수처럼 사용된다.
• 외부에서는 사용 불가
• 함수 호출시 함수 정의에 따라 인수를 전달하지 않아도 에러가 발생하지 않는다.
• 함수가 호출되면 함수 몸체 내에서 암묵적으로 매개변수가 선언되고, undefined로 초기화된 이후 인수가 할당된다.

  1 2 3 4 5 6 7 8 9

  function abc(x, y) { console.log(arguments); return x + y; } console.log(abc()); //NaN console.log(abc(1)); //NaN console.log(abc(1, 2)); //3 console.log(abc(1, 2, 3)); //3

• argunmets 객체는 인수를 프로퍼티 값으로 소유하며, 프로퍼티 키는 인수의 순서를 나타낸다.
• length 프로퍼티는 인수의 개수를 가리킨다.
• arguments 객체는 매개변수 개수를 확정할 수 없는 가변인자 함수를 구현할 때 유용하다.

1
2
3
4
5
6
7
8
9
10
11
12

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

• arguments 객체는 배열의 형태로 인자 정보를 담고 있지만 실제 배열이 아닌
  유사배열객체(array-like object)이다.
  • 유사 배열 객체 - length 프로퍼티를 가진 객체로 for문으로 순회할 수 있는 객체
  • 유사 배열 객체는 배열이 아니므로 배열 메소드를 사용할 경우 에러가 발생한다.
  • 배열 메소드를 사용하려면 Funcion.prototype.call, function.prototype.apply 를 사용해 간접 호출해야 한다. (번거로움)
  • 대응책으로 ES6부터 Rest parameter 도입

2.2 caller 프로퍼티

• ECMA 스펙에 포함되지 않은 비표준 프로퍼티
• 함수 자신을 호출한 함수를 가리킨다.

2.3 lengh 프로퍼티

• 함수 정의 시 선언한 매개변수의 개수를 가리킨다.
• arguments 객체의 length 프로퍼티와 함수 객체의 length 프로퍼티의 값은 다를 수 있으므로 주의하여야 한다.
• arguments 객체의 length 프로퍼티는 인자(argument)의 개수를 가리키고,
  함수 객체의 length 프로퍼티는 매개변수(parameter)의 개수를 가리킨다.

2.4 name 프로퍼티

• 함수 객체의 name 프로퍼티는 함수 이름을 나타낸다.
• ES6에서 정식 표준이 되었다.
• 익명 함수 표현식의 경우 ES5에서 name 프로퍼티는 빈 문자열을 값으로 갖는다.
• ES6에서는 함수 객체를 가리키는 변수 이름을 값으로 갖는다.
• 함수를 호출할 때는 함수 객체를 가리키는 변수 이름으로 호출한다.

2.5 proto 접근자 프로퍼티

• 모든 객체는 [[Prototype]]이라는 내부 슬롯을 갖는다.
• 객체 지향 프로그래밍의 상속을 구현하는 프로토타입 객체를 가리킨다.
• 프로토타입 객체에 접근하기 위해 사용하는 접근자 프로퍼티
• 간접적인 접근 방법을 제공하는 경우에 한하여 접근할 수 있다.

2.6 prototype 프로퍼티

• 함수 객체만이 소유하는 프로퍼티
• 일반 객체에는 prototype 프로퍼티가 없다.
• 함수가 객체를 생성하는 생성자 함수로 사용될 때, 생성자 함수가 생성할 인스턴스의 프로토타입 객체를 가리킨다.