[javascript] 자바스크립트에서 익명 함수와 콜백 함수의 주요 용도

15 Dec 2023

자바스크립트는 익명 함수와 콜백 함수를 사용하여 코드를 더 유연하게 작성할 수 있습니다. 이러한 함수들은 다양한 용도로 활용되며, 주요 용도에 대해 알아보겠습니다.

익명 함수 (Anonymous Function)의 주요 용도

익명 함수는 변수에 할당하지 않고 즉시 실행할 수 있는데, 이를 통해 전역 스코프의 오염을 방지하고 모듈화된 코드를 작성할 수 있습니다.

예시:

(function() {
    // 코드 작성
})();

익명 함수는 콜백 함수로 활용되어 다른 함수의 실행이 완료된 후에 특정 작업을 수행할 수 있도록 지정할 수 있습니다.

예시:

setTimeout(function() {
    console.log('이 코드는 1초 뒤에 실행됩니다.');
}, 1000);

이벤트 핸들러 함수로 콜백 함수를 사용하여 사용자의 동작에 반응하거나 페이지 요소의 상태를 감시할 수 있습니다.

예시:

document.getElementById('myButton').addEventListener('click', function() {
    // 버튼 클릭 시 실행될 코드
});

비동기적으로 실행되는 작업이 완료된 후에 수행할 작업을 콜백 함수로 지정하여 코드를 보다 효율적으로 관리할 수 있습니다.

예시:

fetch('https://api.example.com/data')
    .then(function(response) {
        // 데이터를 받아와서 처리하는 코드
    });

익명 함수와 콜백 함수는 자바스크립트에서 매우 유용하게 활용되며, 코드의 가독성과 유지보수성을 향상시키는 데 중요한 역할을 합니다.

참고 자료: