【JavaScript】闭包

最新推荐文章于 2024-04-30 16:57:21 发布

Zhou YiHang

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量43

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/z914020826/article/details/132136765

版权

1.对闭包的理解

先看案例

function Func() {
    let count = 0

    return function () {
        return count++
    }
}

var Func_1 = Func()
console.log(Func_1()); //1
console.log(Func_1()); //2
console.log(Func_1()); //3

代码分析

从代码中我们可以看到，Func函数返回的是一个匿名函数，在该匿名函数中，访问到当前函数的局部变量count，并执行了处理，形成闭包

Func_1是Func的实例，指向的是Func返回的匿名函数。

当第一次执行Func_1()的时候，返回1，此时count变量在该函数中并没有被销毁，而是被存储下来

那么第二次和第三次调用的时候，count变量仍然能够访问当上次修改后的结果，并可以做出修改，使变量私有化

定义

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。

简单来说：就是在一个执行上下文中创建的函数，如果访问了这个执行上下文中变量对象的值，那么闭包就产生了。

2.闭包解决的问题

我们都知道，根据作用域查找规则，外部是不能访问到函数内部数据，如果我们想访问函数内部数据，可以借助函数中的return：

function f1(){
    var num = 10;
    return num;
}
var res = f1();
console.log(res); // 10

借助return可以访问到函数内部数据，但存在一个问题：数据不能被二次访问。因为第二次访问时候是再次调用该函数，函数中的代码才会再次返回，这个我们通过生成随机数可以很好的证明：

function f1() {
  var num = Math.random();
  return num;
}
var res1 = f1();
var res2 = f1();
console.log(res1 + '\n' + res2);

输出结果如下，我们发现两次的输出结果并不一样：

无论我们怎样执行，两次的随机数结果都不同，这种输出结果显然不好。如果我们想让函数只执行一次，我们该怎么做呢？我们可以在f1函数中嵌套一个函数，嵌套的内部函数是可以访问f1函数变量的。

function f1(){
  var num = Math.random();
  
  function f2(){
    return num 
  }
  
  return f2
}

var f = f1();
var res1 = f();
var res2 = f();
console.log(res1 + '\n' + res2);