JavaScript-变量的作用域面试题

块级作用域

-      在其他的语言中，任何一对花括号中的语句都属于一个块，在这之中定义的所有变量在代码块外是不可见的

-      JavaScript中没有块级作用域

   //这里只有函数中定义的变量，才不能被外部访问
   //这里的i和a变量，是可以在外面被访问的。
    for(var i = 0;i<0;i++){
     var a = 10;

   }
   

全局变量

-      定义在script或者不属于某个函数的变量

-　　全局变量，可以在同一个文件中的两个Script代码使用

 <script type="text/javascript">
     var a=10;
 </script>
 <!--其他代码-->
 <scripr type="text/javascript">
     console.log(a);
     //这里仍然可以输出a的值
 <script>

局部变量

-      定义在函数内部的变量

其他

-      函数内部可以访问到该函数所属的外部作用域的变量（作用域链）

-      不使用var声明的变量是全局变量，不推荐使用。

注意：不使用var声明的变量，必须进行赋值，否则会提示变量不存在

 function(){
      a=1;
      console.log(a);
 }
 //这里是违法的，因为a没赋值
 function(){
      console.log(a);
 }

-      变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁

JavaScript中预编译的问题

JavaScript在接收到script代码的时候，会先进行预处理，改变代码的顺序

-      把代码的声明提前

-      把函数的定义提前

例如下面的代码

 var num = 10;
 fun();
 function fun(){
      condole.log(“兔子只吃胡萝卜”);
 }
 //JavaScript预处理后
 var num；
 function fun(){
      condole.log(“兔子只吃胡萝卜”);
 }
 num = 10;
 fun();

由此产生的面试题

1.输出的值是什么

 var num = 10;
 fun();
 function fun (){
      console.log(num);
      var num = 20;
 }
 //首先将其预编译
 var num；
 num = 10；
 function fun (){
 var num；
      console.log(num);
      num = 20;
 }
 fun()；
 //此时输出为undefined

2. 输出是什么

 var a = 18;
 f1();
 function f1(){
      var b=9;
 console.log(a);
      console.log(b);
      var a = ‘123’;
 }
 //预编译
 var a；
 a = 18；
 function f1(){
 var b；
 var a；
      b=9；
     console.log(a)；
      console.log(b)；
      a = ‘123’；
 }
 f1()；
 //输出结果
 undefined
 9

3. 输出什么

 //这里会牵扯到全部变量的定义，在函数中，如果没有用var定义的变量，是全局变量
 f1();
 console.log(c);
 console.log(b);
 console.log(a);
 function f1(){
      var a = b = c = 9;
      console.log(a);
     console.log(b);
     console.log(c);
 }
 //预编译结果
 var b;
 var c;
 function f1(){
 var a;
      a = b = c = 9;
      console.log(a);
     console.log(b);
     console.log(c);
 }
 f1();
 console.log(c);
 console.log(b);
 console.log(a);
 //输出结果
 9
 9
 9
 9
 9
 Uncaught ReferenceError: a is not defined//变量未定义