[javascript] 화살표 함수 기본

내용참조는 코딩에브리바디의 글.

 

---

 

1. 화살표 함수 와 일반 함수

let addFunction = function(a,b) {
	retrun a+b;
};

 

는 화살표 함수

let addFunction = (a,b) => { return a+b };

와 같다.

이 때, 함수의 내용이 한 줄 일 경우(단일 표현식)인 경우, 중괄호 {} 와 return 키워드를 생략할 수 있다. 

즉, 아래 함수들은 같은 동작을 하는 함수이다.

let addFunction = (a,b) => { return a+b };
let addFunction = (a,b) => a+b;

 

2. 화살표 함수의 인수가 하나일 땐 소괄호()를 생략할 수 있다.

아래 함수들은 같은 작동을 하는 함수이다.

let sayHi = (name) => alert("안녕하세요!" + name + "님");
let sayHi = name => alert("안녕하세요!" + name + "님");

3. 화살표 함수의 인수가 하나도 없을 땐 소괄호()를 비우면 된다. (단, 소괄호 생략은 불가)

let sayHi = () => alert("안녕하세요!");
sayHi();

 

---

 

처음에는 익숙하지 않아 보기 불편했는데 공부하면서 편해졌다. 팀내 개발자들의 스타일이 달라 맞출 필요는 있어보인다.