[JavaScript] 화살표 함수(Arrow Function)

처음 자바스크립트를 배울 땐 정말 기본의 정석의 형태를 배우기 때문에 화살표 함수를 접하고 머릿속에 물음표가 떴다.

이젠 많은 코드들에서 화살표 함수를 이용하기 때문에 익숙해질 필요가 있어 적어본다.

---

let forArrow = (a, b) => (a + b) ;
forArrow(1, 2);	// 3

이 표시는 ES6에 새로 나온 함수 표현식이다.

이 함수는 아래의 함수와 같다.

let forArrow = function(a, b){
	return a + b;
}
forArrow(1, 2);

화살표의 왼쪽엔 매개변수를, 화살표의 오른쪽엔 함수의 내용을 넣는다.

함수의 내용이 여러줄이면 아래와 같이 적는다.

let forArrow = (a, b) => {  
  let sum = a + b;
  return sum;	//여러줄이면 return을 적어야함! 
};

내용이 여러줄이면 함수의 내용들을 대괄호로 묶는다.

그리고 전달하는 매개변수가 없어도 () => 처럼 괄호는 꼭 유지해야한다.

 

우선 보이는 화살표 함수의 특징은

확실히 간결해졌다.

처음 보면 이게 뭔가 싶고 어색하지만...익숙해지면 상당히 타이핑 할 일이 줄어든다고 한다.

---

참고:

javascript.info https://ko.javascript.info/arrow-functions-basics