Colin's Blog
[javascript] 익명 함수와 콜백 함수의 사용 예시에 대한 자세한 코드 설명

이번 포스트에서는 익명 함수와 콜백 함수의 사용 예시에 대해 알아보겠습니다. 먼저 간단한 예제 코드를 통해 두 가지 개념을 설명한 후에 사용 사례에 대해 다뤄보겠습니다.

익명 함수

익명 함수는 이름이 없는 함수로, 주로 즉시 실행되어야 하거나 다른 함수의 인자로 전달될 때 사용됩니다.

아래는 익명 함수가 사용된 간단한 예시입니다.

// 익명 함수의 정의
let greeting = function(name) {
  return `Hello, ${name}!`;
};

// 익명 함수의 호출
console.log(greeting('World'));  // 출력: Hello, World!

위 코드에서 greeting 변수에 익명 함수가 할당되었습니다. 이후 greeting을 호출하여 익명 함수가 실행되며, Hello, World!가 출력됩니다.

콜백 함수

콜백 함수는 다른 함수의 인자로 전달되는 함수로, 주로 비동기 작업에서 사용됩니다.

다음은 콜백 함수가 사용된 예시입니다.

// 콜백 함수를 인자로 받는 함수
function fetchData(callback) {
  // 비동기 작업 수행
  setTimeout(function() {
    const data = 'Some data';
    callback(data);  // 콜백 함수 호출
  }, 1000);
}

// fetchData 함수 호출과 함께 익명 함수를 콜백으로 전달
fetchData(function(data) {
  console.log(data);  // 출력: Some data
});

위 코드에서 fetchData 함수는 콜백 함수를 인자로 받아 비동기 작업을 수행한 후 콜백을 호출합니다.

결론

이처럼 익명 함수와 콜백 함수는 각각 특정 상황에 유용하게 활용됩니다. 두 가지 개념을 이해하고, 실제 코드에서 적절히 활용할 수 있도록 연습해보세요.

참고문헌:

© 2018 Colin. All rights reserved.