minstudio

화살표 함수 (Arrow Function)

모던 자바스크립트(ES6+)에서 가장 사랑받는 문법입니다. 불필요한 function 단어와 중괄호를 날려버려 코드를 극단적으로 깔끔하게 만들어줍니다. 특히 배열 메서드(map, filter)와 찰떡궁합입니다.

화살표 함수의 진화 과정

function (a, b) { return a + b; }
(a, b) => a + b; 
// 1. 기존의 함수 표현식 (길고 무거움)
const addOld = function(a, b) {
    return a + b;
};

// 2. ES6 화살표 함수 (짧고 간결함)
const addNew = (a, b) => {
    return a + b;
};

// 3. 더 짧게 줄이기! (중괄호와 return 생략 가능)
const multiply = (a, b) => a * b;

// 4. 매개변수가 딱 1개라면 괄호조차 생략 가능
const square = x => x * x;
화살표 함수 (Arrow Function) | Minstudio