[JavaScript] JavaScript 함수 - 콜백(Callback)

2022. 9. 23. 18:07·🍞 FrontEnd/JavaScript

- 콜백(Callback)이란?

1. 함수의 인수로 사용되는 함수이다.

2. 특정한 실행 위치를 보장해주는 방법으로 콜백함수를 활용할 수 있다.

 

setTimeout(함수, 시간) 여기서의 함수가 콜백을 뜻한다.

timeout 함수가 먼저 실행이 되더라도 timeout 함수 내부에서 3초후에 실행하는 setTimeout함수가 있기 때문에 Done!이 먼저 출력되고 그 후 YeJin이 출력되는 것을 볼 수 있다. 

 

❗ YeJin 다음에 Done이 출력되게 하려면?

timeout을 호출할 때 화살표 함수를 통해 인수를 만들고, timeout 매개변수로 넣어준다.

아직 호출되지 않은 함수이므로 실행하고 싶은 곳에 매개변수(callback())를 적어줌으로써 실행 위치를 보장해준다.

+ 매개변수이기에 callback이라는 단어가 아니어도 가능하다.

저작자표시 (새창열림)

'🍞 FrontEnd > JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript 클래스 - this  (0) 2022.09.23
[JavaScript] JavaScript 클래스 - 생성자 함수(prototype)  (2) 2022.09.23
[JavaScript] JavaScript 함수 - 타이머 함수  (2) 2022.09.23
[JavaScript] JavaScript 함수 - 호이스팅  (0) 2022.09.23
[JavaScript] JavaScript 함수 - 화살표 함수  (0) 2022.09.23
'🍞 FrontEnd/JavaScript' 카테고리의 다른 글
  • [JavaScript] JavaScript 클래스 - this
  • [JavaScript] JavaScript 클래스 - 생성자 함수(prototype)
  • [JavaScript] JavaScript 함수 - 타이머 함수
  • [JavaScript] JavaScript 함수 - 호이스팅
박빵이
박빵이
2025년에도 갓생살기
  • 박빵이
    기억보다 기록
    박빵이
  • 전체
    오늘
    어제
    • 분류 전체보기 (337)
      • 🍞 FrontEnd (97)
        • HTML+CSS (4)
        • JavaScript (17)
        • TypeScript (4)
        • React (52)
        • Next.js (2)
        • Android (15)
      • 🍞 BackEnd (24)
        • Java (15)
        • Node.js (6)
        • Spring (1)
      • 🍞 Cloud & Infra (0)
        • AWS SAA (0)
        • Microsoft Azure (0)
      • 🍞 Algorithm (147)
        • C++ (4)
        • Baekjoon (41)
        • Programmers (97)
      • 🍞 Computer Science (18)
        • 운영체제 (1)
        • 데이터 통신 (6)
        • 네트워크 (6)
        • 데이터베이스 (1)
      • 🍞 대외활동 & 부트캠프 (42)
        • 삼성 청년 SW 아카데미 (1)
        • LG유플러스 유레카 (0)
        • 한국대학생IT경영학회 (1)
        • IT연합동아리 UMC (17)
        • 길벗 블로깅 멘토 (18)
        • IT연합동아리 피로그래밍 (3)
        • 개발 컨퍼런스 (2)
  • 블로그 메뉴

    • Admin
  • 링크

    • GitHub
  • 인기 글

  • 태그

    위상정렬
    알고리즘
    길벗 블로깅 멘토
    프로그래머스
    C++
    안드로이드
    코딩자율학습
    umc
    map
    Front
    길벗 블로깅 멘토링
    백준
    Android
    Java
    level1
    react
    유니온파인드
    level2
    JavaScript
    코틀린
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
박빵이
[JavaScript] JavaScript 함수 - 콜백(Callback)
상단으로

티스토리툴바