1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 6 <title>变量的作用域 </title> 7 </head> 8 <body> 9 <script> 10 11 /*在函数体内声明变量,仅在函数体内可以使用-->局部变量*/ 12 /*函数体外声明的变量,在变量声明开始到脚本结束都可以使用----全局变量*/ 13 // 尽量控制全局变量的数量,容易引发bug 最好总是使用var 语句来声明变阿玲 14 // var x=18; 15 // function Test(){ 16 // document.write('函数体内x第一个的值是:'+ x +'<br/>') 17 // x=9; 18 // document.write('函数体内x第二个的值是'+x+'<br/>') 19 // } 20 // document.write('函数体外x的第一个值是'+x+'<br/>') 21 // Test() 22 // document.write('函数体外x的第二个值是'+x+'<br/>') 23 // document.write("<hr color='red'>") 24 25 // 全局变量和 局部局部变量的区别 26 // 局部变量仅限于函数体内使用 27 // function Test1(){ 28 // var x=9; 29 // alert(x) 30 // } 31 // Test1() 32 // alert(x) //这个会报错 33 var x=1,y=32; 34 function Test2(){ 35 document.write('a的值为'+a+'<br/>'); 36 document.write('函数体内的x值为:'+ x +'<br/>') 37 document.write('函数体内的y值为:'+y+'<br/>') 38 var x=0,y=6; 39 z=x+y; 40 var a=189; 41 document.write('a的值为:'+a +'<br/>'); 42 document.write('x的值为:'+x+'<br/>'); 43 return z 44 } 45 alert(Test2(x,y)); 46 alert(x+'-'+y+'-'+z); 47 </script> 48 </body> 49 </html>