Javascript 함수의 3가지 표현 : 함수 선언식, 함수 표현식, 화살표 함수

함수의 3가지 표현

 

Javascript의 함수에는 3가지 표현이 있다.

 

1. 선언식

 

2. 표현식

 

3. 화살표 함수

 

 

1. 함수 선언식

function Area1(l,h){
    let ans=l*h;
    return ans;
}//함수 선언식

console.log(`함수선언식 : Area1 : ${Area1(2,3)}`);

콘솔 결과

 

2. 함수 표현식

const Area2 =  function(l,h){
    let ans=l*h;
    return ans;
}//함수 표현식

console.log(`함수 표현식 : Area2 : ${Area2(2,35)}`);

콘솔 결과

 

3. 화살표 함수

const Area3 = (l,h)=> {
    let ans=l*h;
    return ans;
}//화살표 함수

console.log(`화살표 함수 : Area3 : ${Area3(3,3)}`);

콘솔 결과

 

3-2. 화살표 함수 : 함수안에 return만 있을때는 return을 생략할 수 있다. 이때는 중괄호'{}'도 생략한다.

const Area3_2 = (l,h) => l*h;//화살표 함수 : 화살표 뒤의 내용이 return이어서 return을 생략할때는 중괄호도 생략한다.
console.log(`화살표 함수2 : Area3_2 : ${Area3_2(5,3)}`);

콘솔 결과