JavaScript——作用域和预解析，深度理解代码执行程序

<script>
    var i = 10;//全局变量作用域
    function age(arr){//函数的形参也可以看做是局部变量
        var j = 20;//局部变量作用域
        a = 10;//变量不声明默认是全局变量
    }
    // 从执行效率来看
    // 全局变量，只有浏览器关闭的时候才会销毁，比较占内存资源
    // 局部变量，当我们程序执行完毕就会销毁，比较节约内存资源
// 在局部作用域下声明的变量叫做局部变量(在函数内部定义的变量)
// ●局部变量只能在该函数内部使用
// ●在函数内部var声明的变量是局部变量
// ●函数的形参实际上就是局部变量
    </script>

<script>
// 常见面试题"预解析后的代码是什么样的？"
    f1();
    console.log(c);
    console.log(b);
    console.log(a);
    function f1(){
        var a = b = c = 9;
        console.log(a);
        console.log(b);
        console.log(c);
    }
    //以下是预解析后的代码
    // (1)先把函数提升
        function f1(){//(2)再把函数内部声明的变量提升。
        var a ;
        // 注：var a = b = c = 9;也就是等同于var a = 9，b = 9,c = 9,所以只提升var = a
        a = b = c = 9;//所以a = 9,b = 9,c = 9就是全局变量了
        console.log(a);//结果为9
        console.log(b);//结果为9
        console.log(c);//结果为9
    }//(3)最后按顺序执行代码
    f1();
    console.log(c);//结果为9
    console.log(b);//结果为9
    console.log(a);//遵循就近原则，这句的a调用的是var a;因为a没有被定义过，所以结果为报错。
    </script>