javascript 콜백 함수 callback function, 함수 리턴

javascript 콜백 함수 callback 함수에 대해서 알아보겠습니다.

callback 함수는 함수의 실행이 완료 됐을 때 결과값을 받아오거나

함수 실행이 완료된 후에 다른 이벤트를 정의할 때 사용합니다.

보통 ajax 통신 후 결과 값을 받아오거나 

jquery animation이 끝났을 때 실행합니다.

소스와 예제를 통해서 알아보겠습니다.

- javascript

$(document).ready(function() {
	$('#test1').off('click').on('click', function () {
  	testCall(function back() {
  		alert('callback입니다.');
  	});
  });
	
  $('#test2').off('click').on('click', function () {
  	testCall(function back(data) {
  		alert('결과를 받는 callbck(), 결과 : ' + data);
  	});
  });
});

function testCall(callback) {
	alert('시간 차를 위해 알림창 생성');
  var data = 1111;
  callback(data);
}  

예제보기  

 

파라미터로 callback을 선언하였습니다. 

 callback 객체를 이용하여 콜백 함수를 구현하였습니다. 

 testCall() 함수 맨 마지막에 callback()을 호출하여 

 testCall()이 다 실행되고 callback()함수가 실행되게 됩니다. 

 함수 실행 후 리턴이나 결과값 반환 등 다양한 곳에서 사용하시기 바랍니다~ 

 관련 링크

- [javascript] 문자열 비교

- [javascript] 배열 추가 삭제 array 다루기

- javascript json push, input value, 값 넣기

- [javascript] 날짜 설정, 날짜 더하기, 빼기

- [javascript] 문자열 자르기, split, split()