[javascript] 애로우 함수와 콜백 함수

자바스크립트에서 함수는 매우 중요합니다. 특히 애로우 함수와 콜백 함수는 많은 프로그래머들이 혼동하기 쉬운 주제입니다. 이 블로그 포스트에서는 두 가지 타입의 함수를 자세히 살펴보겠습니다.

애로우 함수 (Arrow Functions)

애로우 함수는 함수를 더 간결하게 작성하기 위한 ES6(2015)에서 도입된 새로운 함수 형식입니다.

const add = (a, b) => {
  return a + b;
};

애로우 함수는 function 키워드를 사용하지 않고 => 화살표를 사용하여 함수를 선언합니다. 또한, 항상 익명 함수로만 사용되며, this 키워드를 정적으로 바인딩합니다.

콜백 함수 (Callback Functions)

콜백 함수는 다른 함수의 인자로 전달되는 함수로, 해당 함수가 특정 시점에 실행되도록 합니다. 예를 들어, setTimeout 함수에 콜백 함수를 전달하여 일정 시간이 지난 후에 실행되도록 할 수 있습니다.

setTimeout(() => {
  console.log('Hello, world!');
}, 1000);

콜백 함수는 비동기 작업, 이벤트 핸들링, 프로미스 등과 함께 많이 사용됩니다.

결론

애로우 함수와 콜백 함수는 모두 자바스크립트에서 중요한 역할을 하며, 적재적소에 사용될 때 코드를 간결하고 효율적으로 만들어줍니다.

이제 애로우 함수와 콜백 함수에 대해 간단히 알아보았는데, 각각의 장단점과 활용 방법에 대해 더 알아보는 것이 좋을 것입니다.

많은 예제들과 실습을 통해 실제로 사용해보면 좋겠죠? 😊

참고 자료