JS에서 함수를 만드는 2가지 방법

1. ES6 문법 이전의 함수 만들기

function 함수() {}

let 함수 = function() {}
함수();

2. ES6 문법, 화살표 함수

let 함수 = () => {}

함수를 사용하는 이유
1. 코드들을 기능으로 묶고 싶을 때 사용한다.
2. 입출력 기능을 만들고 싶을 때 사용한다.

Arrow function의 장점 :
1. 입출력 기능을 만들 때, 가시성이 좋다.
2. 매개변수(파라미터)가 1개면 소괄호를 생략할 수 있다.
3. 코드 한 줄이면 중괄호도 생략할 수 있다.

let 함수 = (a) => { return a + 10 }
let 함수 = a => { return a + 10 }
let 함수 = a =>  return a + 10;

Arrow function의 특징 :
1. this 값을 함수 안에서 재정의하지 않는다 (바뀌지 않는다.)
(일반적인 이벤트 리스너에서는 this == e.currentTarget 이지만,
arrow function 안에서는 this == 바깥의 this값 (즉, window)

2. 그러므로, this를 사용하지 않거나 이를 e.currentTarget으로 대체하는 경우에만
   이벤트 리스너에서 Arrow function을 사용할 수 있다.

3. 일반함수와 달리 함수가 실행될 때 arguments 변수가 전달되지 않는다.

Arrow function 예시
1. forEach 콜백 함수

[1,2,3,4].forEach(function(a){
  console.log(a)
})

[1,2,3,4].forEach( a => console.log(a) );

2. Object 안의 함수 (여기서도 this는 사용 xxx)

let 오브젝트 = {
	함수 : () => {
    }
}
오브젝트.함수();

참고자료
코딩애플
JavaScript - 화살표 함수와 일반 함수의 차이