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>