JavaScript函数的作用域和预解析

目录

作用域

作用域的划分

全局变量和局部变量

从执行效率来看全局变量和局部变量

作用域链

 案例

作用域链解析图

预解析

 1. 我们js引擎运行js 分为两步：  预解析  代码执行

 2. 预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升）

3. 预解析可以分为:

---

作用域

在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。

就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突

作用域的划分

全局作用域：整个script标签 或者是一个单独的js文件，script标签以内，函数体以外称之为全局作用域

 <script> 
 var num = 10;
        var num = 30;
        console.log(num);
</script>

 局部作用域：函数执行形成局部作用域（私有作用域）在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用

 function fn() {
            // 局部作用域
            var num = 20;
            console.log(num);

        }
        fn();

全局变量和局部变量

全局变量(全局函数):全局作用域下定义的变量就属于全局变量，可以在任意地方使用或修改

 // 注意 如果在函数内部 没有声明直接赋值的变量也属于全局变量
        var num = 10; // num就是一个全局变量
        console.log(num);

        function fn() {
            console.log(num);

        }
        fn();

局部变量(局部函数)：局部作用域下定义的变量就属于局部变量，只能在当前作用域下使用或修改

  // 注意： 函数的形参也可以看做是局部变量
        function fun(aru) {
            var num1 = 10; // num1就是局部变量 只能在函数内部使用
            num2 = 20;
        }
        fun();

从执行效率来看全局变量和局部变量

•      (1) 全局变量只有浏览器关闭的时候才会销毁，比较占内存资源
•      (2) 局部变量 当我们程序执行完毕就会销毁， 比较节约内存资源