JS核心-闭包

最新推荐文章于 2022-02-24 16:45:49 发布

曾強

最新推荐文章于 2022-02-24 16:45:49 发布

阅读量841

点赞数

分类专栏：小程序文章标签： javascript 函数闭包

本文链接：https://blog.csdn.net/zengqiang11111/article/details/121460967

版权

小程序专栏收录该内容

8 篇文章 1 订阅

订阅专栏

什么是闭包

闭包是由函数和函数外部的作用域组成。换句话说，定义在函数内部的子函数, 子函数和其外部局部变量组合起来就叫做闭包。

作用域（scope）

闭包，如果用白话文说，我会说：闭包是一个封闭的包块。封闭是指闭包内部的对象作用的范围有限。我们把这个有限的范围叫做作用域。

作用域由代码块、局部变量（又称语句块）组成。下面介绍代码块和局部变量的概念。

代码块

普通代码块（又称语句块）

1. 由{}或者if...else括起来的代码，可看作为代码块

{
  var x = 2;
}
//或者
if(true) {
  var x = 3
}

标记代码块

对于一块代码块，我们可以取一个名字，方便引用它。

someName: {
  var x = 2;
}

局部变量

在代码块的顶部创建的变量，这样的变量叫做局部变量。局部变量的作用域 = 它的外部代码块+代码块下其他变量。

闭包的案例

了解闭包的两要素（局部变量和作用域）之后，我们来看使用闭包的真实案例

封装局部变量

function makeCounter(){ //创建计数器
    let count = 0;
    return function increase() {
        return count++;
    }
}

const counter = makeCounter();// 实例化闭包
counter() // 修改局部变量count的值
counter() // 修改局部变量count的值
console.log(counter())
//输出2

1. 外部函数makeCounter()：由局部变量count和内部子函数increase()组成。子函数increase和它的外部作用域 makeCount{}一起组成了闭包。

2. 词法环境。子函数Increase创建的时候，其内部会自动创建了一个Enviroment引用，指向外部作用域（包含了外层函数makeCounter的局部变量）。所以这里increate内部的语句：count++，它类似于enviroment.count ++；