Javascript - Closure

생활코딩에서 쭉 봤는데

 

거기서 나오는 마지막 예제가 하이라이트 인 것 같다..

 

내가 쓴 예제를 이해하려면 호이스팅과 IIFE 개념이 필요하다.

 

Closure의 개념은 내부함수가 외부함수의 변수등에 접근할 수 있다는 것이다.

block scope의 관점에서 봤을 때 당연해 보이기도 하는데

중요한건 외부함수가 소멸하거나 호출되지 않은 경우에도 참조 할 수 있다는 것이다.

 

var arr;
var i;
var index;
 
arr = [];
 
for(i = 0; i < 5; i++){
    arr[i] = function(){
        return i;
    }
}
for(index in arr){
    console.log(arr[index]());
}

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]());
}