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] 배열 추가 삭제 array 다루기
- javascript json push, input value, 값 넣기
- [javascript] 날짜 설정, 날짜 더하기, 빼기
- [javascript] 문자열 자르기, split, split()
'javascript' 카테고리의 다른 글
| 자바스크립트 javascript array to string 배열을 문자로 변경 (0) | 2020.02.04 |
|---|---|
| [javascript] 자바스크립트 array 배열 (0) | 2020.01.30 |
| [javascript] 문자열 비교 (0) | 2016.02.01 |
| [javascript] 자바스크립트 배열 추가 삭제 array 다루기 (0) | 2016.01.29 |
| [javascript] 자바스크립트 json push, input value, 값 넣기 (0) | 2016.01.25 |
