화살표 함수

화살표 함수란?

화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있는 구문이다.

• this를 가지지 않는다.
• arguments를 지원하지 않는다.
• new와 함께 호출할 수 없다.
• super가 없다.

// 기존 함수
function myFnc() {
	...
}
function printMyName(name) {
  console.log(name);
}

printMyName('Max');

// 화살표 함수
const myFnc = () => {
	...
}

const printYourName = (name) => {
  console.log(name);
}

printYourName('Many');

응용하기

1. 인수(argument)가 1개 인 경우
   -> 인수가 1개인 경우에는 ()를 생략할 수 있다.

const printYourName = name => {
  console.log(name);
}

printYourName('Many');

2. 인수가 2개인 경우
   -> 무조건 ()를 사용해야 한다.

const printYourName = (name, age) => {
  console.log(name, age);
}

printYourName('Many', 29);

3. return만 하는 경우
   -> {}와 return 구문을 생략할 수 있다.

const multiply = (number) => number * 2;

console.log(multiply(2));