값으로서의 함수와 콜백
값으로서의 함수
JavaScript에서는 함수도 객체입니다. 다시 말해서 일종의 값입니다. 거의 모든 언어가 함수를 가지고 있습니. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점입니다.
function a(){}위의 예제에서 함수 a는 변수 a에 담겨진 값입니다. 또한 함수는 객체의 값으로 포함될 수 있습니다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부릅니.
a = {
b:function(){
}
};함수는 값이기 때문에 다른 함수의 인자로 전달 될수도 있다.
function cal(func, num){
return func(num)
}
function increase(num){
return num+1
}
function decrease(num){
return num-1
}
alert(cal(increase, 1));
alert(cal(decrease, 1));10행을 실행하면 함수 increase와 값 1이 함수 cal의 인자로 전달됩니다. 함수 cal은 첫번째 인자로 전달된 increase를 실행하는데 이 때 두번째 인자의 값이 1을 인자로 전달합니다. 함수 increase은 계산된 결과를 리턴하고 cal은 다시 그 값을 리턴합니다.
함수는 함수의 리턴 값으로도 사용할 수 있다.
배열의 값으로도 사용할 수 있다.
콜백
콜백 - 처리의 위임
값으로 사용될 수 있는 특성을 이용하면 함수의 인자로 함수로 전달할 수 있습니다. 값으로 전달된 함수는 호출될 수 있기 때문에 이를 이용하면 함수의 동작을 완전히 바꿀 수 있습니다. 인자로 전달된 함수 sortNumber의 구현에 따라서 sort의 동작방법이 완전히 바뀌게 됩니다.
콜백 - 비동기 처리
콜백은 비동기처리에서도 유용하게 사용됩니다. 시간이 오래걸리는 작업이 있을 때 이 작업이 완료된 후에 처리해야 할 일을 콜백으로 지정하면 해당 작업이 끝났을 때 미리 등록한 작업을 실행하도록 할 수 있습니다. 다음 코드는 일반적인 환경에서는 작동하지 않고 서버 환경에서만 동작합니다.
datasource.json.js
demo1.html
Last updated
Was this helpful?