[javascript ES6] 내가 이해한 화살표 함수

화살표 함수가 분명 간단하고 사용하기 편리한건 알겠는데 자꾸 헷갈려서 기록용으로 적어보려 한다.

우선 내가 이해하기로는 

 

function sampleFun () {}

 

const sampleFun = () => ();

 

이렇게 사용될 수 있다. 단 이럴경우는 함수 내에 return 값만 있을 경우 {} 중괄호와 return이라는 용어를 생략할 수있다.

 

만약 return외의 값들 (변수 등등)이 들어가야 하거나 딱히 return 값이 없을 경우 아래와 같이 화살표 함수를 쓰면 된다.

 

let count = 0; 

const sampleFun = () => { count = count+1; span.innerText = `Total clicks : ${count}`; }