JavaScript - 고차함수,콜백함수

프론트엔드 꿈나무·2022년 9월 20일
post-thumbnail

고차 함수란?
함수를 전달인자로 받을수 있고,함수를 리턴 할 수있는 함수

#고차함수 예제 1
-함수가 함수를 반환하는 예제-
function sayHello() {
   return function() {
      console.log("Hello!");
   }
}

#고차함수 예제 2
-변수에 함수를 할당하는 예제-
const foo = function() {
   console.log("foobar");
}
// 변수를 사용해 호출
foo(); 

#고차함수 예제 3
-함수를 인자로 전달하는 예제-
function sayHello() {
   return "Hello, ";
}
function greeting(helloMessage, name) {
  console.log(helloMessage() + name);
}
// `sayHello`를 `greeting` 함수에 인자로 전달
greeting(sayHello, "JavaScript!");

출처 -
https://developer.mozilla.org/ko/docs/Glossary/First-class_Function

콜백함수(callback)
1. 다른 함수의 인자로써 이용되는 함수.
2. 어떤 이벤트에 의해 호출되어지는 함수.

#callback 함수 예제

function greeting(name) {
  alert(`Hello, ${name}`);
}

function processUserInput(callback) {
  const name = prompt("Please enter your name.");
  callback(name);
}
processUserInput(greeting);

#출력-1

#출력-2

0개의 댓글