[JS] 화살표 함수

함수 표현식보다 단순하고, 간결한 문법으로 함수를 만들 수 있는 화살표 함수

본문이 한 줄인 함수를 작성할 때 유용하다.

---

문법

let func = (param1, param2, ...paramN) => expression

왼쪽에 있는 매개변수를 이용해 => 오른쪽에 있는 표현식을 평가하고 반환한다.

 

아래 함수의 축약버전이라고 할 수 있다.

let func = function(param1, param2, ...paramN) {
	return expresstion;
}

 

예 01)

let sum = (a, b) => a + b;
sum(3, 7) //10

 

예 02) 매개변수가 하나만 있을 경우

let double = n => n * 2;
alert(double(3));

 

예 03) 매개변수가 하나도 없을 경우: 단, 괄호는 생략할 수 없다.

let sayHi = () => alert('Hi');
sayHi()

 

예 04)

let age = prompt('나이를 알려주세요.', '');
let user = (age > 18) ?
    () => alert('성인이시군요.') : 
    () => alert('미성녕자이시군요.');

---

본문이 여러 줄인 화살표 함수

중괄호 안에 평가해야 할 코드를 넣어주고, return 지시자를 사용해 명시적으로 결과값을 반환해야 한다.

let sum = (a, b) => {
	//중괄호는 본문이 여러 줄로 구성되어 있음을 알려준다.)
	let result = a + b;
    return result
};
sum(3, 7) //10

---

[공부 좌표]

화살표 함수 기본