함수를 정의하는 법
1. 함수 선언과 함수 표현식
JavaScript에서 함수를 정의하는 방법에는 크게 두 가지가 있습니다.
-
함수 선언(Function Declaration):
function foo() { // ... }
-
함수 표현식(Function Expression):
const foo = function() { // ... };
2. 명명된 함수 표현식(Named Function Expression)
함수 표현식을 사용할 때, 함수에 이름을 지정할 수 있습니다.
const short = function longUniqueMoreDescriptiveLexicalFoo() { // ... };
이름을 부여하면 디버깅 시에 스택 트레이스에서 해당 이름이 보이게 되어, 디버깅을 좀 더 쉽게 해줍니다.
3. 왜 명명된 함수 표현식을 사용하는가?
- 코드의 가독성: 코드의 흐름을 더 쉽게 파악할 수 있습니다.
- 디버깅: 에러가 발생했을 때 스택 트레이스에서 함수의 이름을 볼 수 있어 디버깅을 도와줍니다.
- 모듈화: 큰 함수는 다른 모듈로 분리하는 것을 고려해야 합니다. 함수 표현식은 이러한 리팩토링을 쉽게 만들어줍니다.
이 ESLint 규칙은 명명된 함수 표현식을 사용하여 코드의 가독성과 유지 보수성을 높이는 것을 권장합니다.
This line appears after every note.