Closure 클로져

자바스크립트에서 사용하는 함수 안에 함수이다.

예를 들어, cnt를 하나씩 증가시키는 코드가 있다.

var cnt = 0;
function add() {
  cnt += 1;
}
add();
add();
add();

간단한 코드지만 cnt가 전역변수처리가 되어 이런 코드가 점점 많아질 수록 관리가 어려워질것이다.

이런 문제를 해결하기 신기한 방법이 있따.

var add = function () {
  var cnt = 0;
  return function () {
    cnt += 1;
    return cnt;
  }
};
 
 
var obj = add();
// add() 시에 return값으로 함수를 받는다 
console.log(obj()); //1
console.log(obj()); //2

바로 함수 안에 함수를 정의해서, 그것을 리턴받아 리턴된 함수를 호출할때 함수의 부모 스코프로 접근하는 방법이다.

add의 구조            obj는 리턴받은 함수이다.

이렇게 함으로써 obj변수는 리턴 받은 add객체의 함수을 통해서만 cnt에 접근이 가능하다.  

객체 지향의 private과 같은 효과를 낼 수 있다.

var calc = function () {
    var sum = 0;
    return {
        add: function(value) {
            sum += value;
            return sum;
        },
        sub: function(value) {
            sum -= value;
            return sum;
        },
        get: function() {
            return sum;
        },
        set: function(value) {
            sum = value;
            return sum;
        }
    }
}
 
 
var calculator = calc()
 
calculator.add(10) //10
calculator.sub(20) //-10
calculator.set(20) //20
calculator.get() //20

간단하게 만든 계산기..;; ㅎㅎ

리턴함수를 함수여러개를 리턴해줬다.

그래서 각 함수를 호출하여 안에 있는 sum 값을 조작한다.

끝!