자바스크립트에서는 함수를 정의하고 사용하는 다양한 방법이 있습니다. 예를 들어, 다른 함수에서 호출되는 일반 함수 와 익명 함수/콜백 함수 는 프로그램의 로직을 이해하고 유지보수하기 위해 중요한 요소입니다. 이 포스트에서는 자바스크립트에서 다른 함수와 익명 함수/콜백 함수를 혼용하는 방법에 대해 살펴보겠습니다.

1. 일반 함수와 익명 함수

일반 함수

일반 함수는 이름이 지정된 함수이며, 다른 함수 내에서 호출되거나 이벤트 핸들러로 사용될 수 있습니다. 아래는 간단한 예시입니다.

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet('Alice'); // 출력: Hello, Alice!

익명 함수

익명 함수는 이름이 지정되지 않은 함수로, 주로 콜백 함수로 사용되거나 함수 표현식으로 사용됩니다.

let greet = function(name) {
  console.log(`Hello, ${name}!`);
};
greet('Bob'); // 출력: Hello, Bob!

2. 일반 함수와 익명 함수/콜백 함수 혼용

일반 함수와 익명 함수/콜백 함수를 혼용하여 사용할 수 있습니다. 아래는 이를 설명하는 예시 코드입니다.

function processName(name, callback) {
  console.log('Processing name...');
  callback(name);
}

function greet(name) {
  console.log(`Hello, ${name}!`);
}

// processName 함수에서 greet 함수를 콜백 함수로 사용
processName('Eve', greet);

위 예시 코드에서는 processName 함수 내에서 greet 함수가 콜백 함수로 사용되었습니다.

이처럼 자바스크립트에서는 일반 함수와 익명 함수/콜백 함수를 혼용하여 사용하여 프로그램을 유연하게 작성할 수 있습니다.

익명 함수와 콜백 함수의 활용에 대해 더 많이 배우고 싶다면 MDN web docs 에서 관련 정보를 찾아볼 수 있습니다.