ES6 이전까지의 함수는 생성자 함수로서도 호출할 수 있었다.
즉 ES6 이전의 모든 함수는 callable 이면서 constructor다.
함수에 전달되어 보조 함수의 역할을 수행하는 콜백 함수도 마찬가지로 불필요한 constructor로 프로토타입 객체를 생성해왔다.
성능에도 좋지 않기 때문에 ES6 이후에는 함수를 사용 목적에 따라 명확히 구분했다
- 일반 함수
- 메서드
- 화살표 함수
메서드
메서드는 ES6사양에서 메서드 축약 표현으로 정의된 함수만을 의미하며 non-constructor이다.
prototype 프로퍼티도 없으며, 프로토타입도 생성하지 않는다.
ES6 메서드는 자신을 바인딩한 객체를 가리키는 내부 슬롯 [[HomeObject]]를 갖는다.
HomeObject를 가짐으로서 super 키워드를 사용할 수 있게 된다.
즉 본연의 기능(super)를 추가하고 constructor를 제거한 것이다.
화살표 함수
화살표함수는 콜백 함수 내부에서 this가 전역 객체를 가리키는 문제를 해결하기 위한 대안으로 유용하다.
화살표 함수는 고차 함수에 인수로 전달할 때(콜백 함수로 사용할 때) 유용하게 쓰인다.
화살표 함수와 일반 함수의 차이
화살 표함수는 인스턴스를 생성할 수 없으므로 prototype 프로퍼티가 없고 프로토타입도 생성하지 않는다.
화살표 함수는 함수 자체의 this, arguments, super, new.target바인딩을 갖지 않는다.
this
화살표 함수에서의 this는 자신을 포함하고 있는 상위 스코프의 this를 그대로 참조한다. 이를 lextcal this라 한다.
마치 렉시컬 스코프와 같이 화살표 함수의 this가 함수가 정의된 위치에 의해 결정된다는 것을 의미한다.
REST 파라미터
Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받는다.
function foo(...rest) {
console.log(rest) // [1,2,3,4,5]
}
foo(1,2,3,4,5)일반 매개변수와 Rest파라미터는 함꼐 사용할 수 있다.
이때 함수에 전달된 인수들은 매개변수와 Rest파라미터에 순차적으로 할당된다.
function foo(params,...rest) {
console.log(params) // 1
console.log(rest) // [2,3,4,5]
}
foo(1,2,3,4,5)Rest파라미터는 이름 그대로 먼저 선언된 매개변수에 할당된 인수를 제외한 나머지 인수들로 구성된 배열이 할당된다.
Rest 파라미터는 함수 정의 시 선언한 매개변수 개수를 나타내는 함수 객체의 length 프로퍼티에 영향을 주지 않는다.
Default parameter
default parameter를 rest parameter에 설정할 수는 없다.
function foo(...rest = []) {
console.log(rest);
}