一种导致js全局变量访问不到的情况

大家都知道，js全局变量是每个js函数都能访问和改变其值的，它的作用范围也是整个js文件。但是最近我却碰到一种情况导致全局变量在某个“角落”访问不到，很郁闷。但是却是一个值得注意的小细节，记录下吧。

<html>
    <head>
    <script src="jquery-1.8.3.min.js"></script>
    <script>
        var dimen = 'day';//全局变量
        $(function(){
            //console.log("dimen:" + dimen);
            
            $("#btn").click(function() {
                alert(dimen);
            });
            
            if(false) {
                var dimen = 'good';
            }
        });
 
        function change() {
            dimen = $("#time").val();//改变全局变量
            //some code....
        }
    </script>
        
    </head>
    
    <body>
        <input type="button" value="测试" id="btn" />
        <select id="time" onchange="change()">
            <option value="year">年</option>
            <option value="year">月</option>
            <option value="year">日</option>
        </select>
    </body>
</html>