=>
: 화살표로 함수 표현. 간결한 표현 가능.
EX )
var materials = [
'Hydrogen',
'Helium',
'Lithium',
'Beryllium'
];
console.log(materials.map(material => material.length));
// expected output: Array [8, 6, 7, 9]
Syntax
1) Basic syntax
(param1, param2, ,,,, ) => { statements }
(param1, param2, ,,,, ) => expression // (= { return expression; }
* param이 한개면 괄호 없어도 됨.
param => { statements }
param 없으면,
() => { statements }
2) Advanced syntax
2-1)
객체 리터럴 표현 반환할 때 ( ) 안에 표현.
params => ( {foo : bar} )
* 객체 리터럴 표현 :
var obj = { } ; // good pattern -> literal 표기법. 간단한 객체를 선언.
중괄호( { } ) 안 코드가 일련의 구문으로 파싱되기 때문에 괄호를 ( ) 로 감싸야 함!
2-2)
나머지 매개변수 지원.
(param1, param2, ... rest ) => { statements }
2-3)
기본 매개변수 지원
(param1 = defaultValue1, param2, ... , paramN = defaultValueN) => { statements }
2-4)
매개변수 목록 내 비구조화 지원
var f = ([a,b] = [1,2], {x:c} = {x : a + b }) => a + b + c;
f();
* 비구조화 표현 : [ a, b ] = [1, 2] a= 1 , b= 2
출처 : 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