func(...arguments) 의미, 화살표함수 => 의미

비전공자가 IT개발자로, 커리어전환기13

func(…arguments) 의미

자바스크립트에서 (…arguments)의 의미는 매개변수가 몇 개가 들어올 지 모르니 유동적으로 받겠다는 의미이다.
아래 예시를 보자.
이때 Add는 편의상 숫자를 더하는 함수이다.

//함수선언
function A(func, ...args){
 func(...args)
}

//함수사용
A(Add,1,2,3,4)
A(Add,1,2)

A함수는 그 내부에서 Add(1,2,3,4)와 Add(1,2)를 실행시켜주는역할을 하는 함수가 된다.
이때 매개변수의 갯수는 정해지지않았기때문에 매개변수의 갯수가 달라져도 상관이 없이 함수가 정상 실행된다.

화살표함수 => 의미

화살표함수는 익명함수를 만드는 명령어로 적기 귀찮아서 줄여서 쓰는 것이다.
이름 필요없이 한 번 쓰고 버릴 함수 만들 때 유용하다.

//기본 함수
let sum = function(a, b) {
  return a + b;
};

//화살표함수: 인수가 2개인 경우
let sum = (a, b) => a + b;

만약 인수가 하나라면 괄호를 생략하여 나타낼 수 있다.
인수가 아예 없는 경우에는 괄호안을 비워두면 된다. 다만 이 때 괄호는 생략할 수 없다.

//인수가 하나인 경우
let double = n => n * 2;

//인수가 없는 경우
let sayHi = () => alert("안녕하세요!");

참고

• https://ko.javascript.info/arrow-functions-basics