JavaScript 基础笔记 3作用域

╰+攻爆jí腚メ 2022-07-14 09:25 136阅读 0赞

作用域:在一定的范围内进行读写操作
    	 	域:空间，范围，区域
    	 		script里面 全局变量 全局函数 自上而下
    			函数：由里到外 局部可以改全局的值
    		作用:读，写
    
    		作用域链：函数内找不到声明顺着作用域链往上找
    
    
    	浏览器:
    		"js解析器"
    			1)"找一些东西": var function 参数...
    				var a=未定义; 所有的变量，在正式运行代码之前都提前赋了一个值=>undefined;
    				所有的函数，在正式运行代码前都是整个函数块;
    				以上称为"JS得预解析";
    					遇到重名的：只留下一个
    								变量和函数重名只留下函数
    
    			2)逐行解读代码:从上往下，从左到右
    				表达式：= + - * / % ++ -- 参数 Number()...
    				函数声明不是表达式
    
    
    
    	想要获取函数内的值：
    		可以定义一个全局变量，让全局变量等于想获取的值，然后执行函数，弹出定义的全局变量
    		两个函数，想调用第一个函数里的值，可以把第二个函数，在函数1里执行，把想调用的值，当成一个参数，传递到第二个函数里。

alert(a);					// function a (){ alert(4); }
    var a = 1;
    alert(a);					// 1
    function a (){ alert(2); }
    alert(a);					// 1
    var a = 3;		
    alert(a);					// 3
    function a (){ alert(4); }
    alert(a);					// 3
    
    alert( typeof a );
    // a();									// 报错
    
    
    
     
     var a = 1;
    function fn1(){
    	alert(a);						// undefined
    	var a = 2;
    }
    fn1();
    alert(a);							// 1
    
    var a = 1;
    function fn1(){
    	alert(a);						// 1
    	a = 2;
    }
    fn1();
    alert(a);							// 2
    */
    
    /*
    var a = 1;
    function fn1(a){
    	alert(a);						// undefined
    	a = 2;
    }
    fn1();
    alert(a);							// 1
    
    
    var a = 1;
    function fn1(a){
    	alert(a);						// 1
    	a = 2;
    }
    fn1(a);
    alert(a);							// 1
    
    
     // 想要获取函数内的值：
    
    var str = '';
    function fn1(){
    	var a = '大鸡腿~';
    	str = a;
    }
    fn1();
    // alert( str );
    
    function fn2(){
    	var a = '9999999克拉钻石23456789';
    	fn3(a);
    }
    fn2();
    
    function fn3(a){
    	alert(a);
    }i的取值问题
    
     window.onload = function (){
    	var aBtn = document.getElementsByTagName('input');
    	
    	for( var i=0; i<aBtn.length; i++ ){
    		aBtn[i].onclick = function (){
    			
    			// alert( i );			// 3
    			
    			for( var i=0; i<aBtn.length; i++ ){
    				aBtn[i].style.background = 'yellow';
    			}
    			
    			
    			
    		};
    	}
    };