Как получить доступ к локальной переменной извне функции?

Question

Как получить доступ к локальной переменной извне функции?

При нажатии на него должно быть указано значение distance_bottom, но оно не работает, как я могу заставить его работать?

http://jsfiddle.net/dyjb8r9w/11/

<script> 
$(window).load(function(){ 
(function() {  
    var mY, distance_bottom, 
     $distance_bottom = $('#distance_bottom span'), 
     $element_bottom = $('#element_bottom'); 

    function calculatedistance_bottom(elem , mouseY) { 
     return Math.floor(Math.sqrt(Math.pow(mouseY - (elem.offset().top+(elem.height()/2)), 2))); 
    } 

    $(document).mousemove(function(e) {   
     mY = e.pageY; 
     distance_bottom = calculatedistance_bottom($element_bottom , mY); 
     $distance_bottom.text(distance_bottom); 
    }); 
})(); 
}); 
</script> 





<script> 
function reply_click() 
{  
    alert(distance_bottom); 
} 
</script> 

Answer 1

Вы можете сделать его глобальным, предваряя его с window. и удалением его из объявления переменной в верхней части. Ниже линии сделал трюк

window.distance_bottom = calculatedistance_bottom($element_bottom , mY); 

DEMO

Answer 2

Я вижу это у вас есть два варианта, первый один влечет за собой изменение функции, а другой нет:

1- сделать это глобальную переменную, не объявляя ее внутри функции с помощью var

2- Доступ к значению в HTML с помощью javascript/jQuery.

Ex: alert ($ ('# distance_bottom span'). Html());

(Пример в jQuery для простоты)