JavaScript-JS变量作用域

变量是有作用域的，也叫可见范围，在函数内部创建的变量只能在函数内部使用，外面是无法访问到的；但是在函数外部创建的变量，却可以渗透到函数内部，也就是说函数中可以访问外部的全局变量。

    <script>
        name = "abjun"
        function sayname(){   
            console.log(name);
        }
        sayname();
    </script>

我们先创建一个全局变量name="abjun"，然后创建一个名为sayname的函数，向控制台中输出这个变量；控制台最终显示的是abjun；

    <script>
        name = "abjun"
        function sayname(){  
            var url = "www.baidu.com" 
            console.log(url);
        }
        sayname();
    </script>

现在我们创建了一个局部变量url，接着我们在函数内调用这个局部变量url，控制台最终显示的就是www.baidu.com；

    <script>
        name = "abjun"
        function sayname(){  
            var url = "www.baidu.com" 
            
        }
        console.log(url);
        sayname();
    </script>

还是刚才的例子，不过这次我们来试试在函数外调用函数内部的变量，控制台显示url is not defined，所以我们就知道了函数内部创建的变量只能从内部访问，外部无法访问。

最后我们强调，凡是用var创建的变量，全是局部变量，我们也推荐变量局部化，因为全局变量会自动成为窗口的属性，过多的全局变量会污染我们的运行环境。