123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script>
- /*
- 函数作用域
- -调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
- -每调用一次函数就会创建一个新的函数作用域,他们之间是相互独立的
- -在函数作用域中,可以访问到全局作用域的变量
- 在全局作用域中无法访问到函数作用域的变量
- -当在函数作用域中操作一个变量时,它会先在自身的作用域中寻找,
- 如果有就直接使用,如果没有则向上一级作用域中寻找,直到找到全局作用域
- 如果全局作用域中依然没有找到,则会报错
- -在函数中要访问全局变量可以使用window对象
- */
- //创建一个变量
- // var a = 10;
- // function fun(){
- // var a = "函数中的变量a";
- // var b = 20;
- // console.log("a="+a);
- // }
- // fun();
- // // console.log("b="+b);//报错
- // console.log("a="+a);
- // var a = 10;
- // function fun(){
- // // var a = "fun函数中的变量a";
- // var b = 20;
- // // console.log("a="+a);
- // function fun2(){
- // console.log('a='+window.a);//访问全局变量a
- // }
- // fun2();
- // }
- // fun();
- // console.log("b="+b);//报错
- // console.log("a="+a);
- /*
- 在函数作用域中也有声明提前的特性
- 使用var关键字声明的变量,会在函数中所有的代码执行之前被声明
- 函数声明也会在函数中的所有代码执行之前执行
- */
- // function fun3(){
- // fun4();
- // console.log(a);
- // var a = 35;
- // function fun4(){
- // alert("fun4函数");
- // }
- // }
- // fun3();
- // var c = 33;
- // function fun5(){
- // console.log("c="+c);//输出结果为c=undefined
- // var c = 10;
- // }
- // fun5();
- // var c = 33;
- // function fun6(){
- // console.log("c="+c);//输出结果为c=33
- // c = 10;
- // }
- // fun6();
- /*
- 在函数中,不使用var声明的变量都会成为全局变量
- */
- // var c = 33;
- // function fun7(){
- // console.log("函数中的c="+c);//输出结果为c=33
- // c = 10;
- // //d没有使用var关键字,则会设置为全局变量
- // d=100; //相当于window.d = 100;
- // }
- // fun7();
- // //在全局输出c
- // console.log("c="+c);//c=10
- // console.log("d="+d);
- // var e = 23;
- // /*
- // 定义形参就相当于在函数作用域中声明了变量
- // */
- // function fun8(e){
- // alert(e);
- // }
- // fun8();
- </script>
- </head>
- <body>
-
- </body>
- </html>
|