JavaScript 화살표 함수

 

 

화살표 함수는 일반적으로 function 키워드를 사용하여 함수를 만드는 방식인 함수 표현식보다 간결하게 함수를 표현하는 방법이다.

 

// 매개변수가 없는 경우
const func1 = () => 실행문;

매개 변수가 없는 경우에는 괄호 안에 어떠한 인자도 넣지 않으며 괄호를 생략할 수 는 없다.  

 

 

// 매개변수가 있는 경우
const func2 = x => 실행문;
const func3 = (x, y) => 실행문;

매개변수가 한개만 있다면 괄호를 생략하여 표기할 수 있고 두개 이상부터는 괄호를 생략하지 못한다.

 

 

// 리턴값이 있는 함수
const func4 = (x, y) => {
    실행문1;
    실행문2;
    ...
    return 값;
}

실행문이 여러줄인 경우에는 실행문들을 중괄호로 감싸주어 표기하며 실행 결과를 return값으로 반환해준다.

 

 

 

 

 

예제를 살펴보자.

const func1 = () => console.log('안녕하세요');
const func2 = (x, y) => console.log(`두 수의 합 : ${x + y}`);
const func3 = (x, y) => {
        let sum = 0;
        for(let i = x ; i <= y ; i++){
            sum += i;
        }
        return sum;
    }
  
func1();
func2(10, 5);
console.log(func3(1,10));