JS的作用域,作用域链,闭包

一.作用域

• 概念:作用域就是变量和函数的可以访问的范围,在JavaScript中的作用域有全局作用域和局部作用域(作用域只会向上查找,从里到外)
• 为什么要用作用域:变量不会外泄,对外不可见,相对安全,不同作用域间的同名变量不会起冲突
  1.全局作用域:最外层函数定义的变量拥有全局作用域,对于内部函数,都是可以访问这个全局定义的变量
  全局作用域的弊端:如果写了很多行的js代码,变量定义都没有用函数包含,那么它们就全部都在全局作用域中,这样就会污染全局命名空间,容易引起命名冲突

<script>
	var name = "小明";
	function fcn(){
 		console.log(name)
	}
	fcn()  // "小明"
</script>

2.局部作用域:局部作用域外面的访问不到里面定义的变量
ES6之前,函数里面生成一个作用域,叫函数作用域
if(){} switch(){} for(){} 这些花括号不会生成作用域

<script>
	function fcn(){
		var name = "小明";
		console.log(name)   // 小明
	}
	fcn()
	console.log(name)  // ReferenceError: name is not defined
</script>

二.作用域链

• 概念:先找它的父级,如果没有,就一层一层的向上寻找,直到找到全局作用域还没有找到就放弃,这种一层一层的关系就是作用域链

<script>
	var a; // 全局作用域
	function b(){
		var c; // c是b函数的作用域
		function d(){
			var e;  // e是d函数的作用域
			console.log(a)
		}
	}
	d的作用域链:  d的作用域 --> b的作用域 --> 全局作用域
</script>

三.闭包

• 概念:函数嵌套函数,里面的函数引用使用外面的变量或参数,被引用的这个变量就不会被垃圾机制回收到(会造成内存泄漏)
  缺点:常驻内存,会增大内存使用量,使用不当很容易造成内存泄漏
  优点:1希望一个变量长期驻扎,在内存中,避免全局变量的污染
  2保护函数内的变量安全,实现封装,防止变量流入其他环境发生命名冲突
  3在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)

<script>
	function fn(){
		var i = 0;
		function b(){
			alert(i++)
		}
		return b
	}
	var c = a()
	c()  // 函数调用
</script>