본문으로 바로가기

Closure 클로저

category WEB/Javascript 2017. 1. 3. 18:03

Closure 클로저

  • 함수, 함수가 선언될 때의 environment로 구성
  • 함수가 정의 될 때의 environment가 함께 closure로 결합되면서, 다양한 활용이 가능
function makeCounterFunction(initVal){
    var count = initVal;
    function Increase(){
        count++;
        console.log(count);
    }
    return Increase;
}

var counter1 = makeCounterFunction(0);
var counter2 = makeCounterFunction(10);
  • counter1의 closure

    • 함수 : function Increase(){}
    • 환경 : var count = 0;
  • counter2의 closure

    • 함수 : function Increase(){}
    • 환경 : var count = 10;


출처 http://tryhelloworld.co.kr/courses/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8/lessons/closure%ED%81%B4%EB%A1%9C%EC%A0%80

'WEB > Javascript' 카테고리의 다른 글

레이어 팝업 중앙 띄우기  (0) 2017.02.17
Callback Function 콜백함수  (0) 2017.01.06
Scope & Hoisting  (0) 2017.01.04
변수의 Scope  (0) 2017.01.04
모바일/웹 분기 처리 script  (0) 2016.12.13