22-06-02 | 콜백함수 선언적 함수 사용 + 개념정리

Moon Hee·2022년 6월 2일
0

// 함수를 선언 합니다.
function callThreeTimes (callback) {
	for(let i = 0; i < 3; i++) {
		callback(i) // 이 자리에 print(i)가 들어감
	}	
}

function print (i) {
	console.log(`${i}번째 함수 호출`)
}

// callThreeTimes 실행해주세요. 근데 print 넣어서요.
callThreeTimes(print)

콜백함수 정의

  • 함수에 파라미터로 들어가는 함수

콜백함수 용도

  • 순차적으로 실행하고 싶을 때 씀

새로 공부한 내용(코딩애플 정리)

  • https://youtu.be/-iZlNnTGotk
  • 이벤트 리스너, setTimeout 등에서 먼저 써 봤다. "버튼을 누르면 이 코드 실행해주세요."
  • 함수안에 함수를 넣으려면 아래처럼 코드를 짜야 한다.
function first(파라미터) {
	파라미터()
}

function second() {
  
}

first(second)
  • 순차적으로 사용할 수 있게 짜려면?
function first(파라미터) {
  	console.log(1)
	파라미터()
}

function second() {
  	console.log(2)
}

first(second)
  • 근데 쓸데가 없어보인다..?
    - 내가 만든 first()가 너무 유용해서 팀원들이 잘 쓰고 있다. 그런데 한 팀원이 first() 후에 console.log(2) 바로 하고 싶을 때, 사용할 수가 있는 것이다.
profile
프론트엔드 개발하는 사람

0개의 댓글