javaScript中var变量的作用域

﹏ヽ暗。殇╰゛Y 2023-07-23 11:54 154阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1][]

![20200407215920938.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 2][]

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>javaScript中var变量的作用域</title>
    </head>
    <body>
    <h1>javaScript中var变量的作用域</h1>
    </body>
    <script type="text/javascript">
    //后面有时间再写let的知识点，今天先写var的知识点
    //案例1
    function fn1(){
    	if(true){
    		//语句块中声明的变量将成为语句块所在函数的局部变量
    		//hometown变量的作用域是声明了hometown的这个函数，而不是hometown所在的if语句块
    		var hometown = '江西省赣州市于都县';
    		console.log(hometown); //江西省赣州市于都县
    	}
    	//hometown变量的作用域是在整个函数
    		console.log(hometown); //江西省赣州市于都县
    }
    fn1();
    
    //案例2
    //在函数之外声明的变量，叫做全局变量
    if(true){
    	//age变量可以被当前文档中的任何其他代码所访问
    	//虽然age变量是写在if语句块中的，但是此时age变量的作用域等同于全局变量
    	var age = 6; 
    	console.log(age); //6
    }
    //if语句块之外，仍然可以访问到age变量
    	console.log(age); //6
    	
    //案例3
    function fn2(){
    	for (var f = 0; f < 3; f++) {
    		//*******0
    		//*******1
    		//*******2
    		console.log('*******' + f);
    	}
    //for语句块之外，仍然可以访问到f变量
    	console.log('--------' + f);//--------3
    }
    fn2();
    
    //案例4
    for (var h = 0; h < 2; h++) {
    	//*******0
    	//*******1
    	console.log('*******' + h);
    }
    //for语句块之外，仍然可以访问到h变量
    	console.log('--------' + h); //--------2
    </script>
    
    <script type="text/javascript">
    //if语句块之外，仍然可以访问到age变量
    console.log(age); //6
    </script>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20230528/321c6d401bf7492a9b422a98e6fff002.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1]: /images/20230528/5d3b1d567acb4d4eb8adb5e7d8edfead.png
[20200407215920938.png]: /images/20230528/9700f7f39b8044d4b77295ae27da2511.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 2]: /images/20230528/8d0750ed32a54d359f0520a5c0ff197e.png