자바스크립트의 화살표 함수

이제 함수 구문을 단순화하는 화살표 함수를 살펴보겠습니다.

다음 코드 예제에서 첫 번째는 일반 함수, 두 번째는 이에 상응하는 화살표 함수입니다(두 함수 모두 동일한 작업을 수행함).

javascriptlet func1 = function(num1, num2) {
  let result = num1 * num2;
  return result;
}

let func2 = (num1, num2) => {
  let result = num1 * num2;
  return result;
}

함수에 코드가 한 줄만 있는 경우, 화살표 함수에서는 return과 중괄호를 생략할 수 있습니다.

javascriptlet func1 = function(num1, num2) {
  return num1 * num2
}

let func2 = (num1, num2) => num1 * num2;

화살표 함수의 매개변수가 하나인 경우 - 괄호를 생략할 수 있습니다.

javascriptlet func1 = function(num) {
  return num * num;
}

let func2 = num => num * num

함수에 매개변수가 전혀 없는 경우 - 빈 괄호를 써야 합니다.

javascriptlet func1 = function() {
  console.log('!!!');
}

let func2 = () => console.log('!!!')