본문 바로가기
JavaScript +HTML5 + CSS3

[Core JavaScript] 4. callback function

by doozzuri 2021. 8. 29.
반응형

1. callback function (콜백함수) 

1.1 제어권 위임

1.1.1 실행시점

  • setInterval(콜백함수, 주기(ms)) : 주기 단위로 콜백함수 실행

1.1.2 매개변수

  •  forEach(콜백함수, this로 인식할 대상(생략가능)) - 반환값은 undefined 

1.1.3 this

  • addEventListener(type, callback, options)
    - type :  반응할 이벤트 유형을 나타내는 대소문자 구문 문자열.
     ( click, mousemove, keyup, dragstart, scroll )
    - callback : 단일 매개변수를 받으며, 발생한 이벤트를 설명하는 event 기반 객체
    - 전달된 이벤트 인수(아규먼트)의 currentTarget 속성(프로퍼티)

 

1.2. 콜백함수의 특징

  • 다른함수(A)의 인자로 콜백함수(B)를 전달하면, A가 B의 제어권을 갖게된다.
  • 특별한 요청(bind)가 없는 한 A에 미리 정해놓은 방식에 따라 B를 호출한다.
  • 미리 정해놓은 방식이란,
    어떤 시점에 콜백을 호출할지, 인자에는 어떤값들을 지정할지, this에는 무엇을 바인딩 할지 등
반응형

'JavaScript +HTML5 + CSS3' 카테고리의 다른 글

[Core JavaScript] 6. prototype  (0) 2021.08.29
[Core JavaScript] 5. closure  (0) 2021.08.29
[Core JavaScript] 3. this  (0) 2021.08.29
[Core JavaScript] 2. Execution context  (0) 2021.08.29
[Core JavaScript] 1. Data Type  (0) 2021.08.29