Arrow function

함수를 만드는 방법은 두가지가 있다.

//1.
function 함수() {

}

//2.
var 함수 = function() {

}

//사용
함수()

Arrow function을 사용하면 좀더 편리하게 만들 수 있다.

var 함수 = () => {

}

이렇게 사용한다.

함수는 입출력 기계를 만들거나 / 코드들을 기능으로 묶고 싶을 때 만든다. 

Arrow function의 장점은 파라미터가 하나거나 return 코드가 한줄이면 중괄호를 생략할 수 있어서 간략하게 사용할 수 있다.

 

이제 사용법 예시를 들어보자.

1. forEach 콜백함수

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

2. 이벤트리스너

document.getElementById('버튼').addEventListener('click',
	(e) => {
   	this //arrow function은 바깥에 있던 this값을 내부에서 그대로 사용 그래서 this는 안사용하는게 맞음
});

 

 

이렇게 arrow function을 사용할 수 있다.