javascript - 如何从函数外部访问局部变量？

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