JavaScript

ES6) 화살표 함수에서 매개변수가 하나일 때에도 괄호를 생략할 수 없는 경우

화살표 함수 문법에서, 매개변수가 하나인 경우에는 매개변수를 묶는 소괄호를 생략할 수 있다. let double = n => n * 2; 이렇게 말이다. 하지만, 전달하는 매개변수를 구조 분해 할당으로 받는 경우에는, 인수가 하나여도 괄호를 생략하면 오류가 발생한다! 가령, 객체의 너비를 두배로 계산해주는 doubleV2 함수를 정의한다고 가정해보자. doubleV2 함수는 넘겨받은 객체의 너비값(width 프로퍼티)만을 구조 분해 할당으로 분해하여 인수로 사용한다. 이 경우, 파라미터가 하나여도, 매개변수에 괄호를 생략할 수 없다. const double = {width} => width * 2; (X) const double = ({width}) => width * 2; (O) 한 단계 더 응용해보자..