DOM之闭包(closure)

---

前言

此篇文章是DOM的最后一个板块，闭包模块。主要从变量的作用域和如何从外部读取局部变量这两个变量总结。

---

一、概念

1. 概念：在一些语言中，在函数中可以（嵌套）定义另一个函数，如果是内部的函数要引用外部的数（全局变量），它就会一直向上搜索。而外部的函数想要引用内部的变量，则可能产生闭包。

2.闭包的形成： 在一个外函数定义一个内函数，内函数里运用了外函数的临时变量，并且外函数的返回值是内函数的引用，这样就构成了闭包。

---

二、变量的作用域

变量的作用的有两种：
1.函数内部可以直接读取全局变量；

<script>
	var p = 90;
	function fun(){
	console.log(p);
	}
    fun();//90
</script>

2.在函数的外部无法读取函数内部的局部变量。

<script>
	function(){
	var p = 45;
	}
	alert(n); //error

</script>

注：函数在内部声明时，一定要使用var来定义变量。如果不用的话，就默认声明的是全局变量。

<script>
	function fun2(){
	n = 234;
	}
	fun2();
	alert(n); //234


</script>

---

三、如何从外部读取局部变量

1.实现方法

处于种种原因，我们有时候需要得到函数内的局部变量。但是前面已经说过了，正常情况下，这是办不到的，只有通过其他的方法来实现。此方法就是在函数的内部再定义一个函数。

<script>
	function fun1(){
		var p1 = 344;
		function fun2(){
			alert(p1)
		}
		return fun2;
	}
	var result = fun1();
	result(); //344

</script>

2.用途

1.前面提到的可以读取函数内部的变量
2.就是让这些变量的值始终保持在内存中。

---

四、使用闭包注意点

1.由于闭包会使得函数中的变量都被保存在内存中，内存的消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄漏。解决方法是，在退出函数之前，将不使用的变量全部删除。


2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当做对象（object）使用，把闭包当做它的公用方法（public method）,把内部变量当做它的私有属性（private value），这时一定要小心，不要随便改变内部变量的值。

---