JavaScript [ES6] - arrow function

Moolbum·2021년 11월 6일
0

JavaScript

목록 보기
1/18
post-thumbnail

arrow function

화살표 함수(arrow)표현은 전통적인 함수표현(function)의 간편한 표현법이다.

이름이 없는 함수

ES5
function() {}

ES6
() => {}

이름이 있는 함수

ES5
function getName() {}

ES6
const getName = () => {}

인자를 받는 경우

ES5
const getName = function(name) {}

ES6
const getName = (name) => {}
const getName = name => {}

기존의 쓰던 함수를 사용하던 방식 처럼 인자를 넣을 수도 있다.
인자가 하나라면 소괄호 생략이 가능하다. 인자가 두 개 이상이라면 생략 할 수 없다.

return

ES5
function getName(name) {
  return name;
}

//ES6
const hi = name => { return name };
const hi = name => name;

함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략가능하다.

profile
Front-End Developer 👨‍💻

0개의 댓글