JavaScript 闭包浅析

Posted 2021-03-14 阿dun

• 词法作用域
• 闭包
  • 概念
  • 作用
  • 用法
• 待续

词法作用域

词法作用域是指一个变量在源码中声明的位置作为它的作用域。
同时嵌套的函数可以访问到其外层作用域中声明的变量。

函数中的定义的局部变量只能由函数的内部成员访问，而函数中的內部成员可以访问外部元素。

例：

     function main() {
            // a 是 main 函数创建的局部变量
            var a = 'aaa'; 
            // b() 是函数内部方法，一个闭包
            function b() { 
                alert(a); // 它使用了父函数声明的变量   
            }
            b();
        }
        main();

main() 函数创建了本地变量 a 和函数 b()。

b()是定义在 main() 内部的内部函数，因此只能在 main() 函数内被访问。 b()没有内部变量，但是由于内部函数可以访问外部函数的变量， b()可以访问 main() 中的变量 a。

运行上述代码，我们可以看到 a 的值成功地打印出来。

闭包

概念

比较官方的解释：

一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

第一次看见这个就是一脸懵逼，理解过后可以用一个例子解释一下。

小明穿越了，去到了一个异世界，学习了一些个魔法，然后拯救了异世界，最后回到了地球世界。


异世界的故事虽然结束了，但是小明还会魔法，回到地球后就nb坏了，成为了地球上的大明星。


地球人现在也想学魔法，但是他们没法去异世界学，所以想学魔法只能通过小明。

这里，异世界就是一个函数，里面有魔法、故事、怪兽、知识；

异世界的魔法就是一个局部变量；
小明也是一个函数，它会魔法，有知识，经历了这些故事。这时候小明就是一个闭包了。

作用

• 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。
• 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

• 虽然相比较直接使用全局变量要复杂，但是更加安全稳定，同时避免污染全局变量环境。

  用法

  有两种思路

• 声明一个全局变量，由函数内部元素调用 ( 不推荐，依旧污染全局变量 )

    var y;
    function a() {
        var x = "xxx";
        y = function(){
            return x;
        }
        return x;
    }
    a();
    alert(y());

• 直接返回一个闭包由外界变量接收

    function a() {
        var x = "xxx";
        return function () {
            return x;
        }
    }
    var b = a();
    alert(b());

---

待续