[JS] 화살표 함수

화살표 함수가 계속 헷갈려서 한번 글로 자세히 정리해봐야겠다.

화살표 함수

화살표 함수란, 함수 표현식의 간결한 표현법을 말한다. 정말 많이 사용되기 때문에 화살표는 무조건 잘 알아 둬야 한다.

const 함수명 = function (number) {
    return number*100
}

위는 일반적인 함수 표현식이다. 이를 화살표 함수로 바꾸는 과정은 아래와 같다.

[1] function 키워드 제거 및 매개변수와 중괄호 사이 화살표 작성

const 함수명 = (number) => { return number*100 }
    

보통 1단계까지만 한다.

[2] 함수 매개변수가 1개라면 () 생략 가능

const 함수명 = number => { return number*100 }

한편 매개변수가 없다면 그냥 “()” 이렇게 빈 괄호를 쓰면 된다.

[3] 함수 본문이 return만 있다면 { }와 return 생략 가능

const 함수명 = number => number*100