길잃은곰
길을 잃어 떠도는 곰
길잃은곰
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • Algorithm (6)
    • HTML, CSS (9)
    • Frontend (1)
    • SW공학 (1)
    • WEB (4)
    • Javascript (29)
    • Typescript (0)
    • React (8)
    • Computer Science (11)
    • NEWS (0)
    • TIL(WIL) (4)
    • ETC (5)

블로그 메뉴

  • ✨깃허브
  • 홈
  • 태그
  • 방명록

인기 글

태그

  • VH
  • 연탄
  • Pixel
  • element
  • JavaScript
  • js2016
  • %
  • REM
  • ES8
  • root-element
  • VW
  • ES7
  • 코드트리
  • ES6
  • javascript2016
  • PX
  • 자바스크립트
  • 코테
  • Es5
  • EM
hELLO · Designed By 정상우.
길잃은곰

길을 잃어 떠도는 곰

Javascript

[ JavaScript ] 고차함수 ( HOF ) 란 무엇인가?

2023. 1. 17. 00:56

고차함수 (Higher-order function, HOF)

  • 자바스크립트 함수는 일급 객체이므로 함수를 값으로 다룰 수 있습니다. 함수를 값으로 다룰 수 있다는 것은 함수를 인자로 전달하거나 함수를 반환할 수 있다는 것을 의미합니다. 이러한 함수를 고차함수라고 합니다.
const add = (x, y) => x + y;
const square = (x) => x * x;
const doSomething = (f, x, y) => f(x, y);
doSomething(add, 1, 2); // 3
doSomething(square, 2, 3); // 4
  • 위 예제에서 doSomething 함수는 add 함수와 square 함수를 인자로 전달받아 함수를 실행합니다. 이처럼 함수를 인자로 전달받아 함수를 실행하는 함수를 고차함수라고 합니다.

고차함수는 왜 필요할까요?

  • 고차함수는 함수를 인자로 전달받아 함수를 실행하는 함수입니다. 이를 통해 함수의 재사용성을 높일 수 있습니다. 함수의 재사용성을 높이면 코드의 중복을 줄일 수 있습니다. 코드의 중복을 줄이면 Human Error 가 감소하고, 유지보수가 쉬워집니다.
저작자표시 비영리 동일조건 (새창열림)

'Javascript' 카테고리의 다른 글

[ Javascript ] Ajax 란 무엇인가  (0) 2023.01.17
[ Javascript ] This 란 무엇인가?  (0) 2023.01.17
[ Javascript ] passed by value, passed by reference 의 차이점  (0) 2023.01.17
[ Javascript ] 얕은 복사 vs 깊은 복사  (0) 2023.01.16
[ JavaScript ] ==, === 의 차이점  (0) 2023.01.16
    'Javascript' 카테고리의 다른 글
    • [ Javascript ] Ajax 란 무엇인가
    • [ Javascript ] This 란 무엇인가?
    • [ Javascript ] passed by value, passed by reference 의 차이점
    • [ Javascript ] 얕은 복사 vs 깊은 복사
    길잃은곰
    길잃은곰

    티스토리툴바