js闭包

Posted miacara94

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js闭包相关的知识,希望对你有一定的参考价值。

闭包是可访问上一层函数作用域里变量的函数,即便上一层函数已经关闭

通俗点讲,闭包就是一个函数引用另一个函数的变量,因为变量被引用着所以不会被回收,因此可以用来封装一个私有变量。这是优点也是缺点,不必要的闭包只会增加内存消耗。

为什么要用闭包?

function a() {
	var num = 0;
	console.log(++num);
}
a(); // 1
a(); // 1

上面的代码输出了两次1,这是因为函数执行完以后,里面的变量(即局部变量)就会销毁,下一次运行又会重新创建那个变量,所以虽然第一次++num了,但是这个变量在第一次执行完毕以后就会被销毁了。
如何确保第一次的变量不被销毁,这时就要用到闭包了。

js中有垃圾回收机制,函数没有被引用,执行完以后这个函数的作用域就会被销毁,如果一个函数被其他变量引用,这个函数的作用域将不会被销毁。(简单来说,就是函数里面的变量会被保存下来,可以理解为全局变量。)

列举两个闭包写法:

function A() {
	var aa = 0;
	function B() {
		aa++;
		console.log(aa);
	}
	return B;
}
var C = A();
C(); // 1
C(); // 2

总结上面代码的步骤是:

  1. 定义普通函数A
  2. 在A中定义普通函数B
  3. 在A中返回B
  4. 执行A,并把A的返回结果赋值给变量C
  5. 执行C
    以上总结成一句话就是:
    函数A的内部函数B被函数A外的一个变量C引用
    再加工一下就成了闭包的定义:
    当一个内部函数被其外部函数之外的变量引用时,就形成了一个闭包。

另一个更常见的闭包写法

var bi = (function() {
	var a = 0;
	function b() {
		a++;
		console.log(a);
	}
	return b;
})();

bi(); // 1
bi(); // 2
bi(); // 3

摘抄部分追梦子博客(更多详细内容如下网址):https://www.cnblogs.com/pssp/p/5189345.html

以上是关于js闭包的主要内容,如果未能解决你的问题,请参考以下文章

JS闭包的概念

(原创)JS闭包看代码理解

关于JS闭包

js闭包的作用

js闭包

js的闭包