클로저

클로저

클로저는 내부함수가 외부함수의 맥락에 접근할 수 있는것을 가르킨다.

function outter(){ function inner(){ var title = 'coding everybody'; alert(title); // coding everybody } inner(); } outter();

function outter() { return function(content) { alert(content); } } inner = outter(); inner('text'); // text  

function factory_movie(title) { return { get_title : function() { return title; }, set_title : function(_title) { title = _title; } } } ghost = factory_movie('Ghost in the shell'); matrix = factory_movie('Matrix'); alert(ghost.get_title()); // Ghost in the shell ghost.set_title('공각기동대'); alert(ghost.get_title()); // 공각기동대

 - 흔히들 많이 착각하는 실수!

var arr = []; for (var i=0; i<5; i++) { arr[i] = function() { return i; } } for (var index in arr) { console.log(arr[index]()); // 5, 5, 5, 5, 5 } // 내부함수의 return 값이 외부함수의 i값이 되지 않아서 5가 출력된다. var arr = []; for (var i=0; i<5; i++) { arr[i] = function (id) { return function() { return id; } }(i); } for (var index in arr) { console.log(arr[index]()); // 0, 1, 2, 3, 4 } // 외부에서 i값으로 호출을 하고 외부함수 i를 내부함수 id에서 return 해주므로 출력이 잘 된다.