자바 스크립트 원치 않는 폐쇄 동작

Question

가능한 중복 :
Javascript closure inside loops - simple practical example

나는이 비슷한 코드를하려고했다 : funcs[0]를 호출, 분명히

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=function() { 
     alert(i); 
    }; 
} 

을 경고하지 않습니다 0을 예상대로 사용하면 변수 i은 익명의 함수에 의해 캡처되고 funcs[0..4] 중 하나를 호출하면 '4'가 표시됩니다 (마지막 반복 후 i의 값이며 모든 생성 된 함수에서 공유 됨).

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=(function(cap) { 
     return function() {alert(cap)}; 
    })(i); 
} 

이 트릭을 할,하지만 정말 수수께끼 읽기 어려운 것 같다

그 주위 첫 번째 작업은 함수 발생기의 어떤 종류를 사용하고 내 마음에 온다. 함수 래퍼를 사용하지 않고 의도 한 동작을 얻는 더 좋은 방법이 있습니까?

Answer 1

.bind 기능을 사용하면 바인딩 기능에 추가 매개 변수를 바인드를 미리 할 수 ​​있습니다 : 그것은 더 읽기 더 LOC하지만 때로는 의

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=function(i) { 
     alert(i); 
    }.bind(this, i); 
} 

이는 ES5 기능, 그래서 임해야 IE9 +, Chrome, Safari, Firefox :

Answer 2

코드를 익명 함수와 함께 포함하지 않으려는 경우 상태 (i)와 함수 (프로토 타입)를 모두 포함하는 클래스를 정의 (이름 지정)하는 것이 솔루션입니다.

var funcs = []; 
function MyFunc(i) { 
    this.i=i; 
} 
MyFunc.prototype.doIt = function(){ 
    alert(this.i); 
}; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=new MyFunc(i); 
} 

funcs[2].doIt();​ 

Answer 3

가능한 한 간단하게 작성해야합니다. 이해하기 쉽지만 읽는 것이 어렵다고 생각합니다. 그래서 그것을 단순화하는 한 가지 방법은 중첩 된 코딩 스타일을 사용하는 것입니다. 나는 그것이 지금처럼 단순 할 수 없다고 생각하지 않는다.

나는이 방법을 건의 할 것입니다 :

var funcs = []; 

for (var i = 0; i < 5; ++i) { 
    funcs[i] = (
     function (cap) { 
      return function() { alert(cap) }; 
     } 
    )(i); 
} 

Answer 4

이럴라는 기능은 성능과 가독성을 이유로 종종 우수하다. 왜 이런 식으로하지 :

function foo (cap) { 
    return function() { alert(cap) }; 
} 

var funcs = []; 
for (var i=0; i<5 ; ++i) { 
    funcs[i]=foo(i); 
} 

Answer 5

이 시도 :

var funcs = [0, 1, 2, 3, 4].map(function(i) { 
    return function() {alert(i);}; 
}); 

참고 : map은 IE8 이상에 의해 국내외 무선하지만, 그것을 위해 common polyfill있다되지 않습니다.