값으로서의 함수와 콜백
JavaScript에서는 함수도 객체다.
다시 말해서 일종의 값이다.
거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다.
함수역시 변수에 담을수 있다.(var a = function(){})
function a(){} // var a = function( ){ }(함수가 값이므로 가능하다.)
위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다.
a = {
b:function(){
}
};//객체는 {에서 }로 끝난다.
함수는 값이고 그렇기 때문에 객체안에 저장될 수 있다 .
객체 안에서 b라는 것은 어떤 값을 저장하고 있는 그릇역할(key-value) b는 그릇안에서 변수와 같은 역할을 하고 있다 (값을 저장하고 있기 때문에)
a라는 변수는 b라는 값이 있는데 그 속성의 값이 함수인데 이 함수를 메소드라고 한다.(객체 안에 저장되어 있는 함수를 메소드라고 부른다.)
cf.) 객체 안에서 변수 역할 하는 것을 프로퍼티(속성)라 한다. 그리고 그 속성에 저장되어 있는 값이 함수라면 메소드라 부른다.
객체 >변수(프로퍼티) > 함수(메소드)
함수는 값이기 때문에 다른 함수의 인자로 전달 될수도 있다. 아래 예제를 보자.
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은 다시 그 값을 리턴한다.
함수는 함수의 리턴 값으로도 사용할 수 있다.
function cal(mode){
var funcs = {
'plus' : function(left, right){return left + right},
'minus' : function(left, right){return left - right}
}
return funcs[mode];//cal('plus')(2,1));로 호출하명 mode는 plus가 된다.
}
alert(cal('plus')(2,1));
alert(cal('minus')(2,1));
당연히 배열의 값으로도 사용할 수 있다.
var process = [
function(input){ return input + 10;},
function(input){ return input * input;},
function(input){ return input / 2;}
];
var input = 1;
for(var i = 0; i < process.length; i++){
input = process[i](input);
}
alert(input);
'WebFont-end > JavaScript' 카테고리의 다른 글
[JavaScript] 함수의 호출 (0) | 2014.12.07 |
---|---|
[JavaScript] 콜백 (0) | 2014.12.07 |
[JavaScript] 객체 (0) | 2014.12.06 |
[JavaScript] 배열 (0) | 2014.12.06 |
[JavaScript] 함수 정의하는 방법 (0) | 2014.12.06 |