관리 메뉴

Dev Blog

26. ES6 함수의 추가 기능 본문

Tech Books/Javascript_Modern JS Deep dive

26. ES6 함수의 추가 기능

Nomad Kim 2023. 2. 20. 21:49

26.1 함수의 구분

26.2 메서드

ES6 사양에서 메서드는 메서드 축약 표현으로 정의된 함수만을 의미한다. 

ES6 사양에서 정의한 메서드(이하 ES6 메서드)는 인스턴스를 생성할 수 없는 non-constructor다. 

따라서 ES6 메서드는 생성자 함수로서 호출할 수 없다.

ES6 메서드는 인스턴스를 생성할 수 없으므로 prototype 프로퍼티가 없고 프로토타입도 생성하지 않는다.

ES6 메서드는 자신을 바인딩한 객체를 가리키는 내부 슬롯 [[HomeObject]]를 갖는다.

super 참조는 내부 슬롯 [[HomeObject]]를 사용하여 수퍼클래스의 메서드를 참조하므로 내부 슬롯 [[HomeObject]]를 갖는 ES6 메서드는 super 키워드를 사용할 수 있다.

ES6 메서드가 아닌 함수는 super 키워드를 사용할 수 없다. 

ES6 메서드가 아닌 함수는 내부 슬롯 [[HomeObject]]를 갖지 않기 때문이다.

26.3 화살표 함수

화살표 함수는 콜백 함수 내부에서 this가 전역 객체를 가리키는 문제를 해결하기 위한 대안으로 유용하다.

화살표 함수도 일급 객체이므로 Array.prototype.map, Array.prototype.filter, Array.prototype.reduce 같은 고차 함수 Higher-Order Function, HOF에 인수로 전달할 수 있다.

26.3.3 this

일반 함수로서 호출되는 모든 함수 내부의 this는 전역 객체를 가리킨다. 

그런데 클래스 내부의 모든 코드에는 strict mode가 암묵적으로 적용된다. 

따라서 Array.prototype.map 메서드의 콜백 함수에도 strict mode가 적용된다


화살표 함수 내부에서 this를 참조하면 상위 스코프의 this를 그대로 참조한다. 이를 lexical this라 한다.
화살표 함수는 함수 자체의 this 바인딩을 갖지 않기 때문에 Function.prototype.call, Function.prototype.apply, Function.prototype.bind 메서드를 사용해도 화살표 함수 내부의 this를 교체할 수 없다.

26.4 Rest 파라미터

26.4.1 기본 문법

Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받는다.

Rest 파라미터는 이름 그대로 먼저 선언된 매개변수에 할당된 인수를 제외한 나머지 인수들로 구성된 배열이 할당된다. 따라서 Rest 파라미터는 반드시 마지막 파라미터이어야 한다. 그리고 Rest 파라미터는 단 하나만 선언할 수 있다.


26.4.2 Rest 파라미터와 arguments 객체

arguments 객체는 배열이 아닌 유사 배열 객체이므로 배열 메서드를 사용하려면 Function.prototype.call이나 Function.prototype.apply 메서드를 사용해 arguments 객체를 배열로 변환해야 하는 번거로움이 있었다.

ES6에서는 rest 파라미터를 사용하여 가변 인자 함수의 인수 목록을 배열로 직접 전달받을 수 있다. 이를 통해 유사 배열 객체인 arguments 객체를 배열로 변환하는 번거로움을 피할 수 있다.

화살표 함수는 함수 자체의 arguments 객체를 갖지 않는다. 

따라서 화살표 함수로 가변 인자 함수를 구현해야 할 때는 반드시 Rest 파라미터를 사용해야 한다.

26.5 매개변수 기본값

ES6에서 도입된 매개변수 기본값을 사용하면 함수 내에서 수행하던 인수 체크 및 초기화를 간소화할 수 있다.
매개변수 기본값은 매개변수에 인수를 전달하지 않은 경우와 undefined를 전달한 경우에만 유효하다.

'Tech Books > Javascript_Modern JS Deep dive' 카테고리의 다른 글

28. Number  (1) 2023.02.21
27. 배열  (0) 2023.02.21
25. 클래스  (0) 2023.02.20
24. 클로저  (0) 2023.02.20
23. 실행 컨텍스트  (0) 2023.02.19
Comments