JS ES6 문법 부터는 함수를 화살표 함수(Arrow Function) 형태로 만들수 있습니다.

// 일반 함수
function func(){
	console.log('일반함수 입니다.');
};

const func = function(){
  console.log('일반함수 입니다.');
};

//화살표 함수
const arrowFunc = () => {
	console.log('화살표 함수 입니다.');
};

❗먼저 함수를 사용하는 이유

• 다양한 기능을 하는 코드를 한곳에 모을수 있으며, 그 코드를 재사용 할때
• 입출력 하는 기능을 사용할때

const addFunc = (a, b) => {
	return a+b;
};

위 코드처럼 a,b 라는 입력값과 a+b 라는 출력값이 필요 할때, 이러한 덧셈 기능을 다양한

곳에서 사용하고 싶을때 함수를 사용합니다.

😀 화살표 함수의 특징

• 화살표 함수는 함수의 입출력 을 표면적으로 잘 나타내어 줍니다.
• 함수의 파라미터가 한개라면 소괄호를 생략할수 있으며, return이 한줄이라면 return 키워드와 중괄호 { } 를 생략하여 표현할수 있습니다.

const addFunc = a => a + 2 ;

• 화살표 함수에서 this를 사용하면 밖(오브젝트 외부, event listener 외부) 에서의 this 값을 가리킵니다.

const obj = {
	func : () => { console.log(this)}
}

obj.func() // window 객체를 가리킵니다.

위 코드처럼 객체 내부에서 일반함수를 사용했다면 this 는 함수(메소드) 를 가지고 있는 주인인 객체 obj