함수형 자바스크립트 기본기

2024. 1. 23. 17:08· 📒 JavaScript
목차
  1. 평가
  2. 일급
  3. 일급 함수
  4. 고차 함수

평가

코드가 계산(Evaluation)되어 값을 만드는 것

 

일급

  • 값으로 다룰 수 있다
  • 변수에 담을 수 있다 (함수를 변수에 담을 수 있다)
  • 함수의 인자로 사용될 수 있다 (Parameter)
  • 함수의 결과로 사용될 수 있다 (return 값)
const a = 10;
const add10 = a => a + 10;
const r = add(10);
console.log(r); // 20

 

일급 함수

  • 함수를 값으로 다룰 수 있다
  • 조합성과 추상화의 도구
const add5 = a => a + 5;
console.log(add5); // a => a + 5
console.log(add5(5)); // 10

const f1 = () => () => 1; // () => 1
console.log(f1()); // () => 1

const f2 = f1();
console.log(f2); // () => 1
console.log(f2()); // 1

고차 함수

  • 함수를 값으로 다루는 함수

함수를 인자로 받아서 실행하는 함수

  • apply1
  • times
const apply1 = f => f(1);
const add2 = a => a + 2;
console.log(apply1(add2)); // 3
console.log(apply1(a => a-1)); // 0

const times = (f, n) => {
	let i = -1;
	while (++i < n) f(i);
};

times(console.log, 3); // 0 1 2
times(a => console.log(a + 10), 3); // 10 11 12

 

함수를 만들어 리턴하는 함수(클로저를 만들어 리턴하는 함수)

  • addMaker
const addMaker = a => b => a + b;
const add10 = addMaker(10);
console.log(add10(5)); // 15
console.log(add10(10)); // 20

 

'📒 JavaScript' 카테고리의 다른 글

ES6에서의 순회와 이터러블: 이터레이터 프로토콜  (0) 2024.01.26
  1. 평가
  2. 일급
  3. 일급 함수
  4. 고차 함수
'📒 JavaScript' 카테고리의 다른 글
  • ES6에서의 순회와 이터러블: 이터레이터 프로토콜
zunwon
zunwon
zunwon
준원의 개발일지
zunwon
전체
오늘
어제
  • 분류 전체보기
    • 📒 JavaScript
    • 📘 TypeScript
    • React.js
    • 📗 Vue.js
    • 💻 알고리즘
      • 프로그래머스
      • 백준
    • ✏ 회고
      • 후기
    • 👨‍💻 TIL
    • 📋 오픈소스
    • 기타

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 국비지원교육
  • frontend
  • TypeScript
  • 프로그래머스 데브코스
  • JavaScript
  • 인사이드아웃
  • githru
  • Vue
  • 프로젝트캠프
  • 코딩부트캠프
  • 부스트캠프
  • 미래내일일경험
  • 오픈소스컨트리뷰션
  • 프론트엔드
  • 프로그래머스
  • css
  • 회고
  • udemy
  • vercel
  • 함수형자바스크립트
  • next.js
  • 자료구조
  • 스나이퍼팩토리
  • mil
  • 데브코스
  • 알고리즘
  • 함수형 자바스크립트
  • til
  • fontend
  • Vue.js

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
zunwon
함수형 자바스크립트 기본기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.