[자바스크립트] 화살표 함수 기본

 

화살표 함수 기본

• 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있다.

let func = (arg1, arg2, ...argN) => expression

• arg1..argN를 받는 함수 func이 만들어진다.
• 함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환

축약 전 함수

let func = function(arg1, arg2, ...argN) {
  return expression;
};

let sum = (a, b) => a + b;

/* 위 화살표 함수는 아래 함수의 축약 버전입니다.

let sum = function(a, b) {
  return a + b;
};
*/

alert( sum(1, 2) ); // 3

• (a, b) => a + b는 인수 a와 b를 받는 함수
• (a, b) => a + b는 실행되는 순간 표현식 a + b를 평가하고 그 결과를 반환

 

 

인수가 하나밖에 없다면 괄호 생략 가능

let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일합니다.

alert( double(3) ); // 6

 

 

인수가 하나도 없을 때 괄호를 비워놓으면 된다. 단, 괄호 생략 불가

let sayHi = () => alert("안녕하세요!");

sayHi();

 

 

📌 참고

• 모던 JavaScript 튜토리얼