함수를 정의하는 법

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.

Notes mentioning this note


Here are all the notes in this garden, along with their links, visualized as a graph.