화살표 함수(Arrow Function)

ES6에서 새롭게 추가된 함수인데 굉장히 코드양이 줄어들고

편하다.

 

다음 코드를 보며 감을 잡아보자

일반 함수를 화살표 함수로 바꿔본것인데.

화살표함수를보면. 

1. 함수이름을 사용하지 않는다.

2. 파라미터만 가져온다.

3. 함수 몸체의 내용을 가져오는데 return을 쓰는 경우도 안쓰는 경우도 있다.

 

3-1

중괄호 { ... }로 감쌀경우 리턴할 값이 있으면 반드시 return 문을 작성해야한다

그렇지 않으면 undefined로 리턴된다.

 

중괄호 { ... }를 생략할 경우 return도 생략 가능하다.

 

 

다음 예시다.

함수에 파라미터가 2개라면 반드시 (   ) 괄호로 감싼다. (없으면 반드시 빈괄호 , 1개있면 생략 가능)

 

 

 

아래의 코드에서는 모두 생략하였다.

 

 

파라미터를 괄호로 생략 안해도 결과는 같다

 

 

다음은 리턴이 있는 화살표 함수이다.

 

 

아까 말했듯이. 함수 본문내용에 { ... } 괄호만 쓰고 return을 안쓰면 undefined 리턴된다했는데 

다음 예시를 보자