[JavaScript] 함수표현식 - 변수 안에 함수 넣어주기

이번 글은 함수 표현식에 대해 알아볼 것이다.

 

---

 

[ 함수표현식 ]

아래 코드는 변수 varA 안에 함수 funcA()가 있는 구조다.

이때 함수 funcA()는 함수 선언식이 아니라 변수의 값으로서 함수가 생성된 것이다.

let varA = function funcA() {
    console.log("funcA");
}

 

 

따라서 아래 코드와 같이 변수명을 이용하여 호출 시 아래 결과값 이미지와 같이 변수에 담긴 함수의 기능인 콘솔창에 "funcA"를 출력하는 것을 확인할 수 있다.

varA();

결과값

 

 

하지만 아래 코드와 같이 변수의 값으로 담긴 함수를 일반적인 방법으로 선언된 함수를 호출하듯 함수명 자체로 호출하게 되면 오류가 발생하는 것을 확인 할 수 있다.

funcA();

결과값

 

 

따라서 자바스크립트에서는 함수도 문자나 숫자와 같이 값으로 취급되는 것을 확인 할 수 있다.

 

 

---

 

[ 함수표현식 활용 ]

위의 예제에서는 함수명을 만들어주었지만 함수표현식은 아래 코드와 같이 함수명을 생략해줄 수 있다.

let varA = function () {
    console.log("funcA");
}

 

 

---