《JavaScript启示录》笔记——作用域链和闭包

浅浅的花香味﹌ 2022-02-28 06:03 144阅读 0赞

//1.JS中的三种作用域
    		var num1 = 1;//全局作用域
    		console.log(num1)
    
    		var func = function () { 
    			var num2 = 2;//函数作用域
    			console.log(num2);//2
    			console.log(num1);//1
    		}();
    		// console.log(num2)未定义报错提示
    		
    		eval('var num3 = 3; console.log(num3)');//eval作用域,输出3
    		console.log(num3);//3
    		var func2 = function () { 
    			console.log(func2);//undefined
    		}();
    
    		//2.JS中没有块级作用域
    		var num4 = 4;
    		if(true) { 
    			num4 = 5;
    			for(var i = 6;i <= 10;i++){ 
    				num4 = i;
    				console.log(i);
    			}
    		}
    
    		//3.JS查找与变量相关联的值时，遵循作用域链(词法作用域)
    		var num5 = 6;
    		var func3 = function () { 
    			var func4 = function () { 
    				console.log(num5);//6,沿作用链找到num5
    			}();
    		}();
    
    		//4.作用域链查找返回第一个找到的值
    		var num6  = 7;
    		var func5 = function () { 
    			var num7 = 8;
    			var func6 = function () { 
    				var num7 = 9;
    				console.log(num7);//9
    			}();
    		}();
    
    		//5.函数定义时(位置)确定作用域，而非调用时确定
    		var func7 = function () { 
    			var num8 = 10;
    			return function () { 
    				console.log(num8);//10,返回的匿名函数可以通过作用域链访问num8
    			}();
    		}();
    
    		//6.闭包是由于作用域引起的
    		var func8 = function () { 
    			var num9 = 11;
    			return function () { 
    				return ++num9;	
    			};
    		}();
    
    		for(i = 0;i < 5;i++){ 
    			console.log(func8());//从函数外部可以访问到函数内部变量
    			i++;
    		}
    
    		var func9 = function () { 
    			var num10 = 20;
    			(function () { 
    				for(i = 0;i<6;i++){ 
    					++num10;
    					console.log(num10);
    				}
    			})();
    		}();