<script>
    console.log(xx);    //在另一个script中调用，而且调用后面的定义变量内容 会报错
</script>
<script>
    console.log(xx);    //undefined  xx变量名存在栈中，但还没有赋值
    var xx = 1;
    console.log(xx);    //xx是全局变量后面可以正常调用
</script>
<script>
    console.log(xx);    //xx=1  可以调用到
</script>

/*全局变量  就是在script标签下直接使用var定义的变量,
                全局变量可以应用于所有的代码中调用获取.范围非常大
      局部变量 就是在函数中使用var定义的变量,仅用于当前函数的执行范围内

                低耦合(减少耦合度)*/

    function fn1() {
        // 这里使用var定义的变量是有作用域的,他的范围仅限于该函数内部
        // 函数运行完成后,函数内定义的变量将会自动销毁
        var c=10;   //局部变量
        c+=3;
        console.log(c);
        //函数中修改全局变量后,全局变量就完成了修改,外面调用时,也是修改后的
        xx+=10;
    }
    fn1();      //xx=11
    fn1();      //xx=21
    console.log(xx,"______");   //21

//全局变量和局部变量的重名
    var s1=10;
    function fn2() {
        /*
        (局部变量和全局变量重名，在函数中局部会覆盖全局)
        *  如果在函数中定义了某个局部变量名,那么在该函数中所有这个变量都是局部变量
        *  不能通过直接使用变量名的方法调用到外部的全局变量了
        * */
        var s1=20;
        s1+=20;     //40
        window.s1+=10;  //如果全局变量的名称在函数中和局部变量名相同,想要调用全局变量时,加上window前缀
        console.log(‘全局变量s1--->‘,window[‘s1‘]);     //全局变量也可以这样调用
        console.log(s1);    //局部变量 40
    }

    fn2();
    console.log(s1);    //全局变量s1  10

    var s2=10;
    function fn3() {
        //console.log(s2);//undefined,因为在函数中一旦第一局部变量,该函数中所有位置都是局部变量
        s2+=10;
        console.log(s2);//NaN,undefined+10
        var s2=20;
    }
    fn3();