js的作用域与闭包

3.作用域与作用域链

3.1作用域

​ 定义：一个变量的可用范围

​ 为什么：避免不同范围之间的变量相互干扰

​ 变量有2种：

​ 【1】.全局作用域

​ 在程序的任何位置都能访问到的范围，在其中定义的变量称为全局变量，一切范围都可以访问全局变量

​ 【2】.函数作用域

​ 在函数{}的范围内能访问的区域，在其中定义的变量称为局部变量，在函数范围内才可以访问局部变量

​ 怎样形成函数作用域：

​ 只有函数的{}才能形成作用域，其余的{}都不是作用域！

​ 怎样形成局部变量：

​ ①在函数内var创建的变量

​ ②函数的形参，就是局部变量

3.1.2原理

【1】定义函数时：每个函数对象身上都有一个“好友列表”

​ 普通函数的好友列表只有两项：1.第一个暂时为空，预留；2.第二个格子中保存着全局对象window

【2】调用函数时：做菜三部曲-----备菜

​ a.临时创建函数作用域对象，并将函数作用域对象的地址保存到好友列表中第一个格子中

​ b.在函数作用域对象中临时添加函数中的局部变量，所有的局部变量都保存在函数作用域对象中

【3】调用函数时：做菜三部曲----按照菜谱做菜

​ a.按照函数中程序的正常顺序执行，每用到一个变量，js引擎就会现在好友列表中的函数作用域对象中查找，如果找到了就会使用，不会去全局window中找

​ b.如果函数作用域对象中没有找到想用的变量，js引擎就是沿着好友列表去window找

​ c.变量的使用遵循就近原则

【4】函数调用后：

​ 清空好友列表中的函数作用域对象，即函数作用域对象释放，就会使所有局部变量一同释放

​ ————所以局部变量在函数调用后都不可用！

3.2作用域链

3.2.1定义：

​ 保存一个函数所有可用的作用域对象的链式结构，即上述的“好友列表"学名就是作用域链

• ​ 作用域链中保存这样一个函数中所有的可用的变量；

• ​ 作用域链控制着变量的使用顺序，先局部后全局。

3.2.2闭包

闭包是指有权访问另一个函数作用域中的变量的函数，希望给一个函数保护一个可以反复使用的专属变量，且方式这个变量会被外界篡改。这个时候使用闭包。

// 闭包
        function mother(){
            var total=1000;
            return function(money){
                total -=money;
                console.log(`本次花费${money}元，剩余${total}元`);
            }
        }
        var pay=mother();
        pay(100);
        pay(20);

闭包三步：

【1】用外层函数包裹着要保护的变量和内层函数

【2】外层函数用return把内层函数返回到外部

【3】外部想使用内层函数的东西，就必须调用外层函数，才能获得return出来的内层函数对象，并将内层函数保存在一个变量中反复使用

闭包形成的原因：

外层函数调用后，外层函数的作用域对象被内层函数引用着无法释放，形成了闭包

闭包的缺点：

闭包比一般函数多占用一块内存-----外层函数的函数作用域对象，所以在用完闭包后，应该尽快释放

保存内层函数的变量=nul；进行释放闭包