js 闭包是什么?

1. 什么是闭包?

闭包(closure): 可以访问其他函数内部定义的变量的函数。在js中,只有函数内部的子函数才能访问到局部变量,所以,闭包可以理解为"定义在一个函数内部的函数"。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

2. 变量作用域

理解闭包,首先必须理解变量作用域。JavaScript 有两种作用域:全局作用域函数作用域。定义在最外层作用域的变量是全局变量,定义在函数内部的变量称为局部变量,由于 JavaScript 的特性,外层的函数无法访问内部函数的变量;而内部函数可以访问外部函数的变量(即作用域链)。

访问全局变量:

let num = 1;
function fn() {
	console.log(num);
}
fn(); // 1

访问局部变量:

function fn() {
	let num = 0;
}
fn();
console.log(num); // Uncaught ReferenceError: num is not defined

3. 闭包的特性

  1. 函数嵌套函数;
  2. 内部函数可以访问外部函数的变量;
  3. 被访问的参数和变量不会被JavaScript垃圾回收机制回收(不会被销毁);

简单例子如下:

function fn1() {
	let num = 1;
	return function fn2() {
		return ++num;
	}
}
let result = fn1();
console.log(result()); // 2
console.log(result()); // 3
console.log(result()); // 4
console.log(result()); // 5

这段代码其实就创建了一个闭包,有函数嵌套,有父函数变量给子函数引用,形成依赖关系,产生闭包环境。执行完const result = fn1()后,变量result 实际上是指向了函数fn2,再执行result ( )后就会返回++num的值。

在这段代码中,当函数fn1执行并将函数fn2返回后,闭包使得Javascript的垃圾回收机制不会收回函数fn1里num变量所占用的资源(不会被销毁),因为fn1的内部函数fn2的执行需要依赖num变量,所以就出现了每次调用result,num就会自增一。

4. 闭包的优缺点

优点:

  • 保护函数内的变量安全;加强封装性,可以达到对变量的保护作用;
    上述函数fn1中num只有函数fn2才能访问,而无法通过其他途径访问到,因此保护了i的安全性。
  • 在内存中维持一个变量(js不会销毁;用的太多就变成了缺点,占内存);
  • 方便调用上下文的局部变量。

缺点:

  • 常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。
  • 内存浪费问题,这个内存浪费不仅仅因为它常驻内存,更重要的是,对闭包的使用不当会造成无效内存的产生。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RayShyy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值