作用域

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             
10             //当函数内部出现变量不带var
11             //1、先看函数内部有没有定义var这个变量,如果有就是局部变量
12             //2、如果函数内部没有定义var这个变量,找形参,形参如果有,当做局部变量处理
13             //3、如果形参也没有,那么找全局,全局有,那么就是在操作全局变量
14             //4、如果全局也没有,那么相当于在全局定义了一个变量(全局变量)
15             
16             var a = 10;
17             var b = 20;
18             var c = 30;
19             var d = 40;
20             function fn(){
21                 var a = 100;
22                 var b = 200;
23                 var c = 300;
24                 d = 400;//隔山打牛,把全局修改为400
25                 e = 500
26                 console.log(a,b,c,d); //100 200 300 400
27                 console.log(e);// 500 函数调用之后,这一行相当于全局定义了一个变量
28             }
29             
30             // console.log(e);//调用之前,e还没有定义呢,
31             fn();
32             console.log(a,b,c,d,e); //10 20 30 400 500
33             console.log(e);//函数调用之后,这一行相当于全局定义了一个变量
34             
35         </script>
36     </body>
37 </html>

 

函数作用域面试题

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             // var num = 10;
10             // function fun() {
11       //             var num = 20;
12                       
13       //             fun2();
14             // }
15             
16             // function fun2() {  //函数定义时候作用域就定死了,函数的作用域和调用没关系
17             //     console.log(num);//10  
18             // }
19             // fun();
20             
21             
22             var num = 10;
23             function fun() {
24                 var num = 20;
25                     
26                 function fun2() {
27                     console.log(num);//20
28                 }
29                 
30                 fun2();
31             }
32             
33             
34             fun();
35             
36             //函数定义时候作用域就定死了,调用的时候作用域链顺着作用域去查找,函数的作用域和调用没关系
37         </script>
38     </body>
39 </html>

//作用域链:
//和作用域完全不是一个东西
//作用域链描述的是程序查找变量的过程
//首先在自己的作用域当中去查找,如果查找不到,去到上级作用域去查找,查找就用
//查不到继续往上查找,直到找到真正的全局,找到就用,找不到报错(引用错误,这个变量没定义)

//作用域链的顶端 一定是全局;
//作用域链是真实存在的,我们后期是可以看到的
//作用域是函数定义好就存在的,而作用域链是函数调用的时候才有的;

posted @ 2020-04-26 22:40  全情海洋  阅读(170)  评论(0编辑  收藏  举报