[javascript] 익명 함수와 콜백 함수를 사용한 비동기 작업 시 에러 처리 방법

15 Dec 2023

javascript

자바스크립트에서 비동기 작업을 수행할 때는 종종 익명 함수와 콜백 함수를 사용합니다. 하지만 이러한 방식으로 코드를 작성하다 보면 에러 처리가 약간 복잡해질 수 있습니다. 따라서 이번 포스트에서는 익명 함수와 콜백 함수를 사용한 비동기 작업 시 에러 처리 방법에 대해 알아보겠습니다.

익명 함수와 콜백 함수

먼저, 익명 함수와 콜백 함수에 대해 간단히 알아보겠습니다. 익명 함수는 이름이 없는 함수로, 주로 콜백 함수로 활용됩니다. 콜백 함수는 다른 함수의 인자로 전달되는 함수로, 해당 함수가 비동기 작업이 완료되었을 때 호출됩니다.

// 익명 함수와 콜백 함수 예제
function fetchData(callback) {
  setTimeout(function() {
    const data = '이 데이터는 비동기적으로 가져온 데이터입니다.';
    callback(null, data);
  }, 1000);
}

fetchData(function(error, data) {
  if (error) {
    console.error('에러 발생: ', error);
  } else {
    console.log('데이터: ', data);
  }
});

위 예제에서 fetchData 함수는 1초 후에 데이터를 가져와 콜백 함수를 호출합니다. 콜백 함수에서는 첫 번째 인자로 에러, 두 번째 인자로 데이터를 받습니다.

에러 처리 방법

이제, 익명 함수와 콜백 함수를 사용한 비동기 작업 시 에러 처리 방법에 대해 알아보겠습니다. 위 예제에서는 callback 함수를 호출할 때 첫 번째 인자로 에러를 전달하고, 두 번째 인자로 데이터를 전달했습니다. 이에 따라 콜백 함수를 호출할 때 에러가 발생하면 첫 번째 인자로 에러를, 정상적으로 데이터를 받아오면 두 번째 인자로 데이터를 전달합니다.

이를 통해, 콜백 함수를 호출할 때 에러를 처리할 수 있게 됩니다.

마무리

익명 함수와 콜백 함수를 사용한 비동기 작업 시 에러 처리 방법에 대해 알아보았습니다. 이를 통해 비동기 코드에서 발생하는 에러를 적절히 처리하고 제어할 수 있게 되었을 것입니다.

참고문헌:

Mozilla Developer Network: JavaScript