• webmini life skin Ver 1.3.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기
Front-end/Javascript

[Javascript]고차함수, 익명함수, 콜백함수 설명 및 예제

by 빽짱구 2024. 9. 2.

1. 고차 함수 (Higher-Order Function)

고차 함수는 하나 이상의 함수를 인수로 받거나, 함수를 반환하는 함수입니다.

// 고차 함수: 함수를 인수로 받음
function higherOrderFunction(callback) {
    console.log("고차 함수가 호출되었습니다.");
    callback();  // 전달받은 함수를 호출
}

// 인수로 전달될 함수 (익명 함수 형태로 작성)
higherOrderFunction(function() {
    console.log("이 함수는 콜백 함수로 전달되었습니다.");
});

 

고차 함수는 함수를 인수로 받아 호출합니다.

2. 익명 함수 (Anonymous Function)

익명 함수는 이름이 없는 함수로, 변수에 할당하거나 다른 함수에 전달될 때 자주 사용됩니다.

// 익명 함수를 변수에 할당
const greet = function() {
    console.log("Hello, World!");
};

// 함수를 호출
greet();

 

function()은 이름이 없는 익명 함수입니다. 이 함수는 greet 변수에 할당되어 호출될 수 있습니다.

3. 콜백 함수 (Callback Function)

콜백 함수는 다른 함수의 인수로 전달되어, 특정 작업이 완료된 후 호출되는 함수입니다.

 
// 익명 함수를 변수에 할당
const greet = function() {
    console.log("Hello, World!");
};

// 함수를 호출
greet();

 

performTask 함수는 콜백 함수를 인수로 받습니다. 작업이 완료된 후 콜백 함수가 호출되어 작업 완료 메시지를 출력합니다.

요약

  • 고차 함수는 함수를 인수로 받거나 함수를 반환하는 함수입니다.
  • 익명 함수는 이름이 없는 함수로, 함수 표현식을 통해 작성됩니다.
  • 콜백 함수는 다른 함수에 인수로 전달되어 나중에 호출되는 함수입니다.

이들 개념은 자바스크립트에서 매우 중요하며, 특히 비동기 프로그래밍이나 함수형 프로그래밍에서 자주 사용됩니다.

728x90