본문 바로가기
Language/JavaScript

[JavaScript] 화살표 함수(arrow fuction)

by 며루치꽃 2021. 1. 5.

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다.

바로 화살표 함수(arrow function)를 사용하는 것입니다

 

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

이렇게 코드를 작성하면 인자 arg1..argN를 받는 함수 func이 만들어집니다. 함수 func는 화살표(=>) 우측의 표현식(expression)을 평가하고, 평가 결과를 반환합니다.

 

const calcAge = function (birthyear) {
    return 2020 - birthyear
}

const calcAge2 = (birthyear) => 2020 - birthyear;

 

화살표 함수를 사용할 경우에 expression이 한 줄일 경우 return 문이 필요없고

표현식(expression)이나, 선언문(statement)이 여러 줄 일 경우 

retrun 을 통해 명시적으로 값을 반환해줘야 합니다.

 

const yearUntilRetirement = (birthyear, firstname) => {
    const age = 2020 - birthyear;
    const retirement = 65 - age;

    return `${firstname} retires in ${retirement} years`;
}

 

 

댓글