word-relay 예제 따라하기 - 콜백함수 편

참조

• 이 글은 Let's Get IT 자바스크립트 스크립트 편의 예제를 따라하고 자습하는 페이지이며, 언급한 책 이외에도 다른 홈페이지를 참고하여 예제를 작성한 것도 있습니다.

콜백함수

*여기서는 콜백함수의 개념만 작성했습니다.

• 정의

특정 작업이 실행되고 난 뒤에 추가로 실행되는 함수
출처 : Let's Get IT 자바스크립트 프로그래밍

다른 코드 (함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임하는 함수
출처 : https://rypro.tistory.com/153

어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수
출처 : https://www.hanumoka.net/2018/10/24/javascript-20181024-javascript-callback/

예시

• addEventListener()와 함께 쓴 경우
  *출처 : Let's Get IT 자바스크립트 프로그래밍

<script>
const onClickButton = () => {
	console.log('버튼 클릭');
};
const $button = document.querySelector('button');
$button.addEventListener('click', onClickButton)
</script>

<script>
document.querySelector('button').addEventListener('click, () => {
	console.log('버튼 클릭');
});
</script>

• 함수의 이름을 넘긴 경우
  *출처 : https://rypro.tistory.com/153

function whatYourName(name, callback) {
	console.log('name: ', name);
    callback();
}

function finishFunc() {
	console.log('finish funchtion');
}

whatYourName('miniddo', finishFunc);