26. [es6] arrow function

1. Arrow Function

ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것. ( ※ES = ECMA Script )

JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있도록 ES가 명세를 확정해왔습니다.

지금껏 함수를 선언하기 위해서는 다음과 같이 해야만 했다.

//ES5
function getName ( family, name ){
    return family+name;
}

하지만 ES6 에서 함수를 새롭게 함수를 선언하는 법을 만들었다.

//기본 형식
() => {}

//ex
const getName = (/*인자를 받는 곳*/) => {/*실행시킬 함수의 body */}

1. ES6 arrow function 에서 인자를 받는 곳에서의 사항들

   • 만약 매개변수가 1개 라면 소괄호 생략 가능

     const getName = first => {}

     but 매개변수가 2개 이상이라면 소괄호 생략 x

     const getName = (family,first) => {}

2. body 부분에서 알아야 할 사항

   • 별 다른 동작 없이 return 만 하는 함수의 경우,

     중괄호 생략 && return 생략 이 가능하다

     const getName = (family,first) => family+first;