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

일급객체:

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

다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 보통 함수에 매개변수로 넘기기, 수정하기, 변수에 대입하기와 같은 연산을 지원할 때 일급 객체라고 한다

// 1. 함수는 무명의 리터럴로 생성할 수 있다.
// 2. 함수는 변수에 저장할 수 있다.
// 런타임(할당 단계)에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당된다.
const increase = function (num) {
  return ++num;
};

const decrease = function (num) {
  return --num;
};

// 2. 함수는 객체에 저장할 수 있다.
const auxs = { increase, decrease };

// 3. 함수의 매개변수에게 전달할 수 있다.
// 4. 함수의 반환값으로 사용할 수 있다.
function makeCounter(aux) {
  let num = 0;

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

// 3. 함수는 매개변수에게 함수를 전달할 수 있다.
const increaser = makeCounter(auxs.increase);
console.log(increaser()); // 1
console.log(increaser()); // 2

// 3. 함수는 매개변수에게 함수를 전달할 수 있다.
const decreaser = makeCounter(auxs.decrease);
console.log(decreaser()); // -1
console.log(decreaser()); // -2

함수 = 일급객체 (함수를 객체와 동일하게 사용할 수 있다는 의미)

function square(number) {
  return number * number;
}

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, enumerable: false, configurable: false},
  prototype: {value: {...}, writable: true, enumerable: false, configurable: false}
}
*/

// __proto__는 square 함수의 프로퍼티가 아니다.
console.log(Object.getOwnPropertyDescriptor(square, '__proto__')); // undefined

// __proto__는 Object.prototype 객체의 접근자 프로퍼티다.
// square 함수는 Object.prototype 객체로부터 __proto__ 접근자 프로퍼티를 상속받는다.
console.log(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__'));
// {get: ƒ, set: ƒ, enumerable: false, configurable: true}

18.2.1 arguments 프로퍼티

함수 객체 arguments 프로퍼티 값은 arguments객체

function multiply(x, y) {
  console.log(arguments);
  return x * y;
}

console.log(multiply());        // NaN
console.log(multiply(1));       // NaN
console.log(multiply(1, 2));    // 2
console.log(multiply(1, 2, 3)); // 2

arguments는 모든 인수를 프로퍼티로 저장한다.
arguments 객체네는 인수를 프로퍼티 값으로 소유하며 프로퍼티 키는 인수의 순서 나타냄
arguments 객체의 callee 프로퍼티는 호출되어 arguments 객체를 생성한 함수, 함수 자신을 가리키고 arguments 객체의 length 프로퍼티는 인수의 개수 가리킨다.

arguments는 매개변수의 개수와 함수를 호출할 떄 전달하는 인수의 개수를 확인하지 않는 자바스크립트 특성때문에 인수 개수를 확인하고 함수의 동작을 달리 정의할 필요가 있을 수 있다

가변 인자 함수 구현할 때 유용하다.

function sum() {
  let res = 0;

  // arguments 객체는 length 프로퍼티가 있는 유사 배열 객체이므로 for 문으로 순회할 수 있다.
  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

유사배열객체: length 프로퍼티를 가진 객체로 for문으로 순회할 수 있는 객체를 말한다.
하지만 배열메소드는 사용하지 못한다.
현재 스프레드 연산자로 arguments 객체의 중요성이 줄어들었다.

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

console.log(sum(1, 2));          // 3
console.log(sum(1, 2, 3, 4, 5)); // 15