[JavaScript] 8. 함수 표현식과 화살표 함수

Jan 28, 2026

Contents

1. 함수표현식

💡

함수표현식이란

함수 선언문을 이용해 함수를 만들지 않고 변수에 담아 값으로 함수로 만드는 것

호이스팅이 되지 않는다.

자바스크립트에서는 함수 자체를 변수에 담아놓을 수 있다.


function funA() {
  console.log("funcA");
}

let varA = funA;
varA();

⇒ 위 와 같은 코드 구조를 아래와 같이 줄일 수 있다.

변수에 함수를 바로 담아 선언하고 변수를 호출하는 방법!

이 때, funcB 는 일반적인 함수가 아닌, 변수의 값으로서 존재하기때문에 funcB(); 형태로는 호출할 수 없다!


let varB = function funB() {
  console.log("funcB");
};

varB();

따라서 따로 호출할 수 있는 이름이 필요하지 않아 이를 생략하기도 하는데 우리는 이것을 익명함수라 부른다.


let varB = function () {
  console.log("funcB");
};

💡

익명함수를 더 간결하게 만들어주는 표현법


let 변수명 = (매개변수) => {
	return 1;
};


let 변수명 = () => 1;