자바스크립트 함수의 형태

함수의 형태는 크게 4가지가 있습니다.

 

일반함수 선언문

일반함수는 function을 사용하여 매개변수를 받을 수 있고, return을 통해 값을 반환할 수 있습니다.

function func1(a, b){
    return a + b
}

일반함수 표현식

선언문의을 변수에 담아 사용하는 형태로 function의 이름이 변수명으로 나옵니다.

const func2 = function(a, b){
    return a + b
}

화살표함수

ES6버전부터 추가 됐으며 function을 생략하고 괄호와 중괄호 사이에 화살표를 넣어서 표현을 합니다.

const func3 = (a, b)=>{
    return a + b
}

화살표 함수의 리턴생략

화살표 함수사용을 할때 함수 안에 바로 return을 받으고 한 줄인 경우에는 중괄호와 return을 생략하여 표현할 수 있습니다.

const func4 = (a, b) => a + b