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//变量未定义