개발브롞으
[JavaScript] 기명 함수 표현식 - name 프로퍼티, 재귀 함수 본문
728x90
728x90
이번 글은 기명 함수 표현식에 대한 글이다.
[ 기명 함수 표현식 ]
기명 함수 표현식은 함수 표현식으로 함수를 정의하면서 그 함수에 이름을 지정한 것
=> name 프로퍼티 : 이름을 가져올 수 있게 해줌
=> 활용 : 재귀 호출 - 자기 자신을 호출
* 재귀 함수 : 자기 자신을 부르는 함수
예제 1) 이름이 없는 함수를 변수에 할당 => name 속성 : 변수 이름을 문자열로 가짐
const sayHi = function () {
console.log('Hi');
};
console.log(sayHi.name); // sayHi
예제 2) 함수이름이 있을 경우 => name 속성 : 함수의 이름을 문자열로 가짐
const sayHi = function printHiInConsole() {
console.log('Hi');
};
console.log(sayHi.name); // printHiInConsole
- 기명 함수 표현식의 특징
함수에 붙인 이름(printHiInConsole)은 함수 내부에서만 사용 가능
(함수 내부에서 함수 자체를 가리킬 때 사용)
=> 함수 외부에서 그 이름으로 직접 호출 X
(함수가 할당된 변수(sayHi)로 호출해야함)
const sayHi = function printHiInConsole() {
console.log('Hi');
};
sayHi(); // "Hi" 출력 — 변수로 호출 가능
printHiInConsole(); // ReferenceError — 외부에서는 접근 불가

728x90
728x90
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript] 프로미스(Promise) - fetch, await, async, 오류에 try catch문 활용, then, Promise.all() (0) | 2025.10.05 |
|---|---|
| [JavaScript] 즉시 실행 함수(IIFE) (0) | 2025.09.28 |
| [JavaScript] 이벤트(4) - 스크롤의 이벤트 (0) | 2025.09.26 |
| [JavaScript] 이벤트(3) - input의 이벤트 (0) | 2025.09.26 |
| [JavaScript] 이벤트(2) - 키보드의 이벤트 (0) | 2025.09.26 |
Comments