[JS] 함수를 값으로 사용하기

함수를 다른 함수의 값으로 전달할 수 있다.

 

setTimeout()

• 브라우저에서 제공하는 함수이다.
• 매개변수 2개를 받는데 첫번째는 함수이다.
• 두번째는 첫번째 함수를 실행할 때까지 대기하는 밀리초단위의 시간이다.

function handleTimeout() {
	console.log("Timed out!");
}

const handleTimeout2() {
	console.log("Timed out ... again!");
}

setTimeout(handleTimeout, 2000);
setTimeout(handleTimeout2, 3000);
setTimeout(() => {
	console.log("More timing out...");
}, 4000);

• 함수를 인자로 전달할 때는 이름만 넣어야한다.
• 만약 () 소괄호까지 넣으면 타이머가 설정될 때 함수가 실행되고, 해당 함수의 반환 값이 전달된다.
• 미리 정의된 함수를 사용하지 않고 익명 함수를 생성해도 된다.( 화살표함수 () => {} )
• setTimeout는 익명함수든 미리 정의된 함수든 인자로 전달된 함수를 정의만하고, 타이머가 아웃되면 실행한다.

 

 

함수 형태의 매개변수 받기

function greeter(greetFn) {
	greetFn();
}

greeter({} => {console.log("Hi");})

• 함수의 매개변수로 함수를 받을 때 일반 매개변수처럼 받는다
• 함수 내부에서 매개변수로 받은 함수를 실행할 수 있다.
• 함수를 호출하면서 함수를 매개변수로 전달하고 내부에서 실행된다.