Javascript arrow function expression

# Javascript arrow function expression #### Reference - [arrow function developer.mozilla.org :](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98) #### 화살표 함수 표현(arrow function expression) - function 표현에 비해 구문이 짧고 - 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. - 화살표 함수는 항상 익명입니다. - 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적당합니다. - 그래서 생성자로서 사용할 수 없습니다. #### 기본문법 - (param1, param2, …, paramN) => { statements } - (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } ```javascript // 매개변수가 하나뿐인 경우 괄호는 선택사항: (singleParam) => { statements } singleParam => { statements } // 매개변수가 없는 함수는 괄호가 필요: () => { statements } ``` #### 고급문법 - 객체 리터럴 식을 반환하는 본문(body)을 괄호 속에 넣음: - params => ({foo: bar}) - 나머지 매개변수 및 기본 매개변수가 지원됨 - (param1, param2, ...rest) => { statements } - (param1 = defaultValue1, param2, …, paramN = defaultValueN) => { statements } ```javascript // 매개변수 목록 내 비구조화도 지원됨 var f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c; f(); // 6 ``` - 객체 리터럴 식을 반환하는 본문(body)을 괄호 속에 넣음: - params => ({foo: bar}) - 나머지 매개변수 및 기본 매개변수가 지원됨 - (param1, param2, ...rest) => { statements } - (param1 = defaultValue1, param2, …, paramN = defaultValueN) => { statements } - 매개변수 목록 내 비구조화도 지원됨 ```javascript var f = ([a, b] = [1, 2], {x: c} = {x: a + b}) => a + b + c; f(); // 6 ```