JS 화살표 함수

Arrow function

기본적으로 화살표 함수는 익명함수이다.

익명함수는 실행할 수 없으므로 변수에 담아야한다.

일반 함수와 다른 점은 화살표가 있다는 점이고 특징으로 한줄 함수라는 점이 있다.
모두 한줄로 해당 함수가 작성되는 것은 아니지만 만일 한줄로 작성된다고 했을 때
중괄호를 생략하고 return을 생략해서 한 줄로 함수를 작성할 수 있다.

위의 설명을 반영해서 가장 간단한 화살표 함수를 만들어 보자.

const myArrow = () => 'a simple arrow function';

위의 화살표 함수는 아래와 같이 작성할 수도 있다.

const myArrow = () {return 'a simple arrow function'}

만약 인자가 한 개인 경우 화살표 함수는 괄호를 생략할 수 있다.

인자를 여러개를 받으면 해당 함수는 괄호를 생략할 수 없다.

const myArrow = x => 'a simple arrow function';

const myFunc = (...args) => {
  let sum = 0;
  for(let i = 0; i < args.length; i++) {
    sum += args[i];
  }
  return sum;
}

함수 -> arrow

arrow -> 함수

로 바꾸는 연습이 필요하다.