javascript 화살표 함수 return 생략 예제 소스

자바스크립트 ES6 문법에서 새로운 함수 표현식이 생겼습니다.

바로 화살표 함수입니다.

 

기본 함수 선언 방식

const fn = function(num1,num2){
	return num1+num2;
}

fn이라는 함수는 두개의 숫자를 매개변수로 받고 더한 값을 리턴하는 함수입니다.

위와 같은 함수 선언 방식이 가장 익숙한 방법이죠

 

이 함수를 화살표 함수로 바꿔보면 아래와 같습니다.

 

화살표 함수

const fn = (num1,num2) => {
	return num1+num2;
}

첫번째 줄이 아주 간단하게 바뀌었습니다.

 

이번엔 이 함수에서 return 명령어를 제거해보겠습니다.

 

화살표 함수 return 생략

const fn = (num1,num2) => num1+num2;

화살표 함수 기능을 충분하게 사용하려면 이렇게 리턴을 생략할 수있습니다.

 

특이사항

 - 매개변수 1개일때 소괄호 생략 가능 

 - 매개변수 없을 때는 소괄호 사용

const fn = x => x+1; // 매개변수 1개일때 소괄호 생략 가능

const fn = () => "abc" ; // 매개변수 없을 때는 소괄호 사용

 

리턴까지 생략한 화살표 함수를 호출하는 방법은 기본 함수와 같은 형식으로 사용 가능합니다.