[딥다이브]함수 객체의 프로퍼티

1. caller 프로퍼티

caller프로퍼티는 ECMAScript 사양에 포함되지 않는 비 표준 프로퍼티이므로, 절대 사용하지 말고 알아만 두는걸로 하세요~

 

함수객체의 caller는 함수 자신을 호출한 함수를 가리킵니다.

function foo(func) {
  return func();
}

function bar() {
  return 'caller : ' + bar.caller;
}

// 브라우저에서의 실행한 결과
console.log(foo(bar)); // caller : function foo(func) {...}
console.log(bar());    // caller : null

 

foo함수 내부에서 호출한 bar함수의 경우, caller를 찍어보면 foo를 가르키는걸 볼 수 있습니다.

두번째 bar를 그냥 호출한 경우, 브라우저에서 해당 함수를 호출한것으로 되기 때문에 null을 가르킵니다.

 

2. length 프로퍼티

함수 객체의 length프로퍼티는 함수를 정의할 때 선언한 매개변수의 개수를 반환해줍니다.

 

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

function bar(x) {
  return x;
}
console.log(bar.length); // 1

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

 

첫번째 foo.length를 찍어볼 경우, 매개변수가 없기 때문에 0, bar는 1개이기 때문에 1, baz는 2개로 출력되는 모습을 볼 수 있습니다.

우리가 평소에 많이 사용하는 Array.length와는 기능이 많이 다르기 때문에 사용에 헷갈리지 않도록 주의해야합니다.