JS中的闭包

最新推荐文章于 2025-03-04 00:18:24 发布

我真的不吃了

最新推荐文章于 2025-03-04 00:18:24 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_43294966/article/details/85331553

1、闭包的概念

要理解闭包，首先必须理解Javascript特殊的变量作用域：全局变量和局部变量。

1.1 全局变量

函数内部可以直接读取全局变量，如：

var a = 4;
function myFunction() {
    return a * a;
}

a 是一个全局变量。

在web页面中全局变量属于 window 对象。

全局变量可应用于页面上的所有脚本。

1.2局部变量

函数外部无法读取函数内的变量叫做的局部变量。局部变量只能用于定义它函数内部。对于其他的函数或脚本代码是不可用的。如：

function myFunction() {
    var a = 4;
    return a * a;
}

a是一个局部变量

P.S 变量声明时如果不使用 var 关键字，那么它就是一个全局变量，即便它在函数内定义。

1.3 什么是闭包

闭包就是能够读取其他函数内部变量的函数。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
例如：

function foo(){
  var local = 1
  function bar(){
    local++
    return local
  }
  return bar
}

var func = foo()
func()

bar函数可以访问变量local，bar就是一个闭包。

2、闭包的用途

闭包主要有三个用途：1.模仿块级作用域；2.存储变量；3.封装私有函数。

2.1模仿块级作用域

匿名自执行函数在内部形成了一个闭包，使i变量只有块级作用域。闭包的本质是函数，其实在这里闭包就是那个匿名函数，这个闭包可以得到函数A内部的活动变量，又能保证自己内部的变量在自执行后直接销毁。

function A(num) {
    //核心代码
   (funnction(){
    for(var i = 0; i<num; i++) {
      num++;
    }
    })()
    //核心代码结束
    console.log(i)//underfined
  }

2.2 存储变量

闭包的另一个特点是可以保存外部函数的变量，原理是基于javascript中函数作用域链的特点，内部函数保留了对外部函数的活动变量的引用，所以变量不会被释放

function B(){
   var x = 100;
   return {
       function(){
           return x
       }
   }
 }
var m = B()//运行B函数，生成活动变量 x被m引用

2.3 封装私有函数

设置了两个闭包函数来操作Person函数内部的name变量,除了这两个函数，在外部无法再访问到name变量，name也就相当于是私有成员。

function Person(){
   var name = 'default';
   this.getName:function(){
       return name;
   }
   this.setName:function(value){
       name = value;
   }
}
console.log(Person.getName())//default
console.log(Person.setName('mike'))
console.log(Person.getName())//mike