经典面试题(11)：关于变量提升，以下代码将输出什么？

看下面的代码，输出的结果是什么？并解释你的答案。

function test() {

  console.log(a);

  console.log(foo());

 

  var a = 1;

  function foo() {

     return 2;

  }

}

 

test();//输出的结果是什么？

答案

这段代码的执行结果是undefined 和2。

导致这个结果的原因是：变量和函数都被提升到了函数体的顶部。

什么叫提升？是这样子的，Js代码的编译阶段会找到所有的声明，包括变量声明var a和函数声明function foo(){}在内的所有声明都会在代码被执行前的编译阶段首先被处理，就好像变量声明和函数声明从他们代码中出现的位置被移动到执行环境的顶部，这个过程就叫做提升。

需要注意的是：只有声明操作会被提升，赋值和逻辑操作会被留在原地等待执行。

因此，当打印变量a时，由于变量提升的原因，它已经被声明了，所以这个时候去访问变量a并不会报错。但它只是被声明了，未被赋值(赋值出现在打印之后再执行)，所以它的值是undefined。

换言之，上面的代码其实是等同于下面的代码：

function test() {

  var a;//提升到执行环境顶部

  function foo() {

     return 2;

  }

 

  console.log(a);

  console.log(foo());

 

  a = 1;

}

 

test();

热门文章

原创教程

原创教程：

附加习题：

趣味职场

职场焦虑：

感到迷茫：

培训出身：

培训费用：

搞笑黑话：

职业自由：

职场形象：