클로저에 배열 저장

Question

클로저를 사용하여 배열을 업데이트하는 가장 좋은 방법입니까? 다른 사이트에서 이와 비슷한 것을 보았습니다. 내가 만든 글로벌 변수 closure1에 대해 궁금했다. 글로벌을 만들지 않고도이 작업을 수행 할 수있는 방법이 있습니까?

<script> 
    var closure1=Closure(0, 0); 

    function Closure(num, i) { 
     var num=num; 
     var index=i; 
     var anArray = []; 
     return function(num,index) { 
      anArray[index]=(num); 
      out.innerHTML=anArray; 
     } 
    } 
</script> 

<div id="d1" onclick=" closure1(2,0)">2 index 0</div> 
<div id="d2" onclick=" closure1(5,3)">5 index 3</div> 
<div id="d3" onclick=" closure1(4,1)">4 index 1</div> 
<div id="d4" onclick=" closure1(9,7)">9 index 7</div> 
<div id="out" >?</div> 

Answer 1

당신은 당신이 onclick 속성 내에서 사용하기 위해 만든 폐쇄를 호출 할 수있는 방법이 필요합니다. closure1을 전역 변수로 사용하는 이점은 클로저가 한 번만 만들어지고 closure1(num, index)을 호출하여 페이지에서 다시 사용할 수 있다는 것입니다. 그러나 전역 범위에 closure1이라는 변수가있는 것을 원하지 않는 경우 다음과 같이 을 정리하면을 정리할 수 있습니다.

편집 : 이전에 제안 된 두 가지 방법을 게시했습니다. @nnnnnn에게 감사 드리며, 그 중 하나가 OP 코드를 위반할 것이라고 지적했습니다. 잘못된 제안을 삭제하고 올바른 제안을 그대로 둡니다.

기존 Closure 함수에 클로저를 속성으로 추가 할 수 있습니다.

var closure1=Closure(0, 0); 

가 Closure 기능과 같이, 정의 된 다음에 다음 줄을 추가 : 새 폐쇄를 만들려면이

이 줄을 제거 같은 예를 들어, closure1 당신은 그것을 만들어야합니다 :

<div id="d1" onclick="Closure.closure1(2,0)">2 index 0</div> 

와

Closure.closure1 = Closure(0, 0); 

및 교체하여 onclicks 다음과 같이 보일 것이다 6,

전체 코드는 다음과 같습니다

<script> 
    function Closure(num, i) { 
     var num=num; 
     var index=i; 
     var anArray = []; 
     return function(num,index) { 
      anArray[index]=(num); 
      out.innerHTML=anArray; 
     } 
    } 

    Closure.closure1 = Closure(0, 0); 
</script> 

<div id="d1" onclick="Closure.closure1(2,0)">2 index 0</div> 
<div id="d2" onclick="Closure.closure1(5,3)">5 index 3</div> 
<div id="d3" onclick="Closure.closure1(4,1)">4 index 1</div> 
<div id="d4" onclick="Closure.closure1(9,7)">9 index 7</div> 
<div id="out" >?</div> 

이 내 의견에 가장 깨끗한 방법입니다. 희망이 도움이됩니다.

Answer 2

나는 이런 식으로 할 수 있다고 생각합니다. 전역 변수를 작성하지 않으려면 자체 실행 함수에서 스크립트를 래핑하십시오.

(function(){ 
     var closure1=Closure(0, 0); 

     function Closure(num, i) { 
     var num=num; 
     var index=i; 
     var anArray = []; 
     return function(num,index) { 
      anArray[index]=(num); 
      out.innerHTML=anArray; 
     } 
     } 
    }());