[Javascript]7. 기본적인 화살표 함수의 사용법

목차

1. 화살표 함수란?
2. 화살표 함수의 기본적인 구조

1. 화살표 함수란?

화살표 함수(Arrow Function)는 기존의 함수에서의 function을 생략하고 그 대신에 화살표(=>)를 이용하여 더 직관적으로 코드를 볼 수 있도록 해주고 축약시킬 수 있도록 해준다. 하지만 화살표 함수를 모든 상황에서 축약이 가능한 것은 아니다.

2. 화살표 함수의 기본적인 구조

화살표 함수는 기본적으로 다음과 같은 구조로 이루어져있다. 

const 함수명 = (매개변수1, 매개변수2) => {
	코드
}

//example
const ong = (x, y) => {
	return x + y
}

만약 위의 예시처럼 return 뒤에 단순 실행문만 있다면 아래와 같이 중괄호와 return 삭제가 가능하다. 하지만 만약 return만 있는것이 아닌 console.log와 같은 코드가 있다면 아래의 방식으로 단축하는 것이 불가능하다.

//example
const ong = (x, y) => x + y

또한, 만약 지금과 같이 매개변수가 x, y 두개가 아니라 한개만 있다면 괄호도 생략이 가능하다. 

//매개변수가 하나인 경우

const ong = x => x + 1