(JS) ES6 : Arrow Function

호두파파·2021년 1월 2일
0

JavaScript

목록 보기
8/25


기존의 function키워드를 사용하지 않아도 화살표 문법을 이용해 함수를 생성할 수 있다.

const fn = (a, b, c) => {
  return a + b - c;
};

fn(1, 2, 3);

위와 같이 함수를 생성할 수 있으며, 화살표 함수는 반드시 함수 표현식으로 생성해야 한다.

const fn = a => {
  console.log(a);
};

fn(1);

화살표 함수는 매개 변수가 하나일 경우, 소괄호를 생략할 수 있습니다.

const multiply = (a, b) => a * b;

const result = multiply(2, 4);

console.log(result); // ?

화살표 함수 본문이 하나의 실행문일 경우, 위와 같이 중괄호를 생략하고 한 줄에 표기할 수 있다. 이렇게 작성할 경우, 해당 실행문의 결과가 함수의 반환값으로 지정된다.

profile
안녕하세요 주니어 프론트엔드 개발자 양윤성입니다.

0개의 댓글