[JS] 화살표 함수

일반적인 함수 선언 방식은 다음과 같다.

// 함수 선언식
function funcDecl() {
  console.log("Function Declarations!");
}

// 함수 표현식
const funcExpr = function() {
  console.log("Function Expressions!");
}

 

화살표 함수는 함수 표현식으로 작성된 함수를 보다 단순하고 간결하게 만들어준다.

i). 문법

const funcName = (arg1, arg2, arg3) => expression

// 위 함수는 다음과 같은 의미를 갖는다.

const funcExpr = function(arg1, arg2, arg3) {
  expression
}

 

ii). 예시

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

// 위 함수는 아래와 같은 의미를 갖는다.

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

 

iii). +a

// 인수가 하나라면 괄호를 생략할 수 있다.
const funcAlert = str1 => console.log(str1);

// 인수가 없는 함수라면 다음과 같이 작성하되, 괄호는 생략하지 않는다.
const funcWhoAmI = () => console.log("I am code MONKEY");