17. 화살표 함수(arrow function)

Chipmunk_jeong·2021년 2월 23일
0

TIL

목록 보기
17/62
post-thumbnail

함수 표현식보다 간단한 문법으로 함수를 생성할 수 있다.
그것을 화살표함수(arrow function)이라 한다.

let 함수명 = (파라미터명, 파라미터명) => 표현식

위와 같이 작성을 하면, 해당 함수명을 가지는 함수가 생성된다.
이 함수는 두개의 파라미터를 받으며 화살표 오른쪽의 표현식을 평가(연산)하고 그 결과를 반환(return)한다.

let sumNum = (num1, num2) => num1 + num2;
console.log(sumNum(10, 20)); // 30

(num1, num2) => num1 + num2 이 부분이 함수의 축약버전이다.
num1과 num2를 매개변수로 받으며 그 값을 더하여 되돌려주는 함수다.

#️⃣ 매개변수가 하나일때는 괄호가 생략이 가능하며, 매개변수가 없을때는 빈괄호를 명시해야한다(생략x)

#️⃣ 표현식이 여러줄일때는 {}로 묶어준다. 그리고 중괄호를 사용했다면 return을 따로 명시해주어야 한다.

나중에 화살표함수의 좀더 많은 기능에대해 다시 포스팅하겠다.
오늘은 화살표 함수의 구조 및 사용법에 대해서만 알아 보겠다.

profile
Web Developer

0개의 댓글