기능은 값 문제 "기억"

Question

이 문제를 설명하기 내 코드의 단순화 된 부분 버전 :

function testFunc(){ 
    var randomNum = Math.floor(Math.random() * 100); 

    if(!flag){ 
     addEvents(); 
     flag = true; 
    }; 

    function checkNumber(){ 
     alert(randomNum) 
    } 

    function addEvents(){ 
     $("#someElement").click(function(e){ checkNumber() }); 
    } 
} 

내가이 요소에 대해 한 번만 클릭 이벤트를 바인딩 만에서 변경 변수 외부에서 사용하려면이 다른 곳. 문제는, 이것은 초기 값으로 randomNum을 항상 알려주는 것입니다. bind가 처음 발생할 때 이있었습니다!

클릭이 트리거 될 때마다 변수를 읽지 않는 이유는 무엇입니까?

Answer 1

값을 전역 변수로 설정합니다. 그런 다음 버튼 클릭시 값을 경고합니다. 값이 한 번만 설정되었으며 버튼을 누를 때마다 값이 변경되지 않습니다.

Answer 2

정말 글로벌입니까? alerting window.randomNum 시도해보십시오

Answer 3

이것은 기능을 수행하는 기능과 관련이있을 수 있습니다. 당신이 할 때 : 내가 생각

function checkNumber() { 
    alert(randomNumber); 
} 

는 일을하는 것과 같습니다

myFunc = function checkNumber() { 
    alert(randomNumber); 
} 

을 그리고 final했다 randomNumber 것처럼 따라서 설정됩니다. 당신이 난수를 사용해야하는 경우 해당 범위 outide 이동하고 글로벌, 또는 더 나은 만들기, 매개 변수로 기능을 통해 그것을 통과해야 다음 중 하나를

function checkNumber(myNumber) { 
    alert(myNumber); 
} 

Answer 4

왜 사용자 정의 속성을 난수를 붙이지 마십시오 당신이 clickevent를 추가하는 요소의?

function testFunc(){ 
    var randomNum = Math.floor(Math.random() * 100); 
    $("#someElement").attr("randomNum", randomNum); 

    if(!flag){ 
     addEvents(); 
     flag = true; 
    }; 

    function checkNumber(){ 
     alert($("#someElement").attr("randomNum")) 
    } 

    function addEvents(){ 
     $("#someElement").click(function(e){ checkNumber() }); 
    } 
} 

그런 식으로 항상 요소와 함께 유지되지만 그 곳에서 불러올 수 있습니다. 꽤 지저분하지만 작동해야합니다.