《你不知道的JavaScript（第一卷）》笔记——作用域和闭包

朴灿烈づ我的快乐病毒、 2022-02-27 04:46 202阅读 0赞

1.函数作用域

(1)属于该函数的全部变量都可以在整个数范围内使用及复用  
(2)目的：隐藏内部实现(最小暴露原则)  
(3)解决变量冲突发方式：  
全局命名空间(将所有变量附在一个专门的对象身上当做属性使用)；  
模块管理

2.使用自执行函数（IITE）的理由

使用函数自执行可以解决具名函数污染所在作用域的问题，自执行函数将作为函数表达式只能在该函数内部被访问。此时函数名被绑定在函数表达式自身函数内，而不是所在作用域中

var a = 2;
    (function IIFE(global){ 
    	var a = 3;
    	console.log(a);	//3
    	console.log(a);	//2
    })(window)
    
    console.log(a);	//2

3.匿名函数存在的问题

(1)栈追踪中无法显示，调试困难  
(2)引用只能用arguments.callee引用（但是这个方法已经废弃）  
(3)可读性会下降

4.ES6中的let关键字

(1)let可将变量绑定到所在任意作用域中，即创建块作用域，而不会在块作用域中进行提升，从而解决变量提升的问题。

(2)let在for循环中的作用与闭包

let在for()循环中使每次迭代重新绑定

闭包的原理：闭包是基于词法作用域书写代码时所产生的自然结果。当函数可以记住并访问所在词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。

闭包的功能：闭包使得函数在定义时的词法作用域以外的地方被调用时，函数仍持有对原始定义作用域的引用。

//循环闭包
    	for(i = 0;i <= 5; i++){ 
    		setTimeout( function timer () { 
    			console.log( i );//6
    		},i*1000);	
    	}
    
    	for(i = 0; i <=5; i++){ 
    		(function () { 
    			setTimeout( function timer () { 
    				console.log( i );//6
    			},i*1000);
    		})();
    	}
    
    	for( var i = 0;i <=5; i++){ 
    		(function () { 
    			var j = i;
    			setTimeout( function timer() { 
    				console.log(j);//0,1,2,3,4,5
    			},j*1000);
    		})();
    	}
    
    	for( var i = 0;i <=5; i++){ 
    		(function (j) { 
    			setTimeout( function timer () { 
    				console.log(j);//0,1,2,3,4,5
    			},j*1000);
    		})(i);
    	}
    
    	//块级作用域
    	for( var i = 0;i <= 5;i++){ 
    		let j = i;
    		setTimeout( function timer () { 
    			console.log(j);//0,1,2,3,4,5
    		},j*1000);
    	}
    
    	for( let i = 0;i <=5;i++){ 
    		setTimeout( function () { 
    			console.log(i);//0,1,2,3,4,5
    		},i*1000);
    	}

5.ES6中使用const定义常量

6.变量提升的原理

变量和函数在内的所有声明都会在任何代码被执行前首先被处理。重复声明的情况下，函数优先。而包括函数式的表达式在内的复制操作不会提升。