함수는 객체이므로 프로퍼티를 가질 수 있음.
자바스크립트의 함수는 위 조건을 모두 만족하므로 일급 객체임.
함수는 객체이므로 프로퍼티를 가질 수 있음.
함수 객체의 arguments 프로퍼티 값은 arguments 객체임.
arguments 객체는 함수 호출 시 전달된 인수들의 정보를 담고있는 순회 가능한 유사배열 객체임.
함수 내부에서 지역 변수처럼 사용됨. 함수 외부에서는 참조 불가능
만약 인수를 매개변수의 개수보다 초과되게 넣으면 무시되어 에러는 발생하지 않지만,
그냥 버려지지는 않고, 암묵적으로 모든 인수가 arguments 객체의 프로퍼티에 보관됨.
함수가 호출되면 인수 개수를 확인하고 이에따라 함수의 동작을 달리 정의할 때 사용됨
arguments 객체는 매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 용이함.
유사 배열 객체와 이터러블
ES6에서 도입된 이터레이션 프로토콜을 준수하면 순회 가능한 자료구조인 이터러블이 됨.
이터러블의 개념이 없었던 ES5에서 arguments 객체는 유사배열 객체로 구분되었음.
이터러블이 도입된 ES6부터 arguments 객체는 유사 배열 객체이면서 동시에 이터러블임.
유사배열 객체는 배열이 아니므로 배열 메서드를 사용할 경우 에러가 발생함.
→ 배열 메서드를 사용하려면 Function.prototype.call, Function.prototype.apply를 사용해 간접 호출해야하는 번거로움이 있음.
function sum() {
//arguments 객체를 배열로 변환
const array = Array.prototype.slice.call(arguments);
return array.reduce(function (pre, cur) {
return pre + cur ;
}, 0);
}
console.log(sum(1,2)); //3
console.log(sum(1,2,3,4,5)); //15
위 번거로움을 해결하기 위해 ES6에서 Rest 파라미터를 도입함.
//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