본문 바로가기
Front-End/JavaScript

[JavaScript] 화살표 함수

by 민바이민 2020. 12. 31.

JavaScript

화살표 함수

ECMA6에 추가된 문법입니다. function 키워드를 사용하여 함수를 만든 것보다 간단하게 표현합니다. 화살표 함수는 항상 익명입니다.

 1. 매개변수가 없는 경우

 

- 일반함수

const hello1 = function(){
    console.log('안녕하세요. JavaScript');
}

-화살표함수

const hello2 = () => console.log('안녕하세요. JavaScript');

 

2. 매개변수가 있는 경우

const hello3 = x => console.log(`매개변수로 전달받은 값은 : ${x}`);
const hello4 = (x, y) => console.log(`두 수의 합 : ${x + y}`);

 

3. 리턴값이 있는 경우

const hello5 = (x, y) => {
    let sum = 0;
    for(let i=x; i<=y; i++){
        sum += i;
    }
    return sum;
}

리턴값이 있는 경우 꼭 중괄호{}가 있어야한다.

댓글