经典面试题(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();

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

JS面试题-闭包异步-变量提升-引用传值-this
闭包面试题和异步的题目 var name = "The Window";var object = {name: "My Object",getNameFunc: ...
c语言专业面试,10道嵌入式C语言经典面试题
10道嵌入式C语言经典面试题 1.分析下面的C代码,它的运行结果可能是: #include int main(void) { int i = 0; if (i = 1) printf("i ...
浅谈js中的var和function变量提升，var声明变量提升，块级作用域中的函数提升
1.首先最常见的一种变量提升 console.log(a); //输出 undefinedvar a=10;console.log(a) // 输出 10 var 有提升的作用其实上面的代码会变成会变 ...
函数提升与变量提升常见面试题
函数提升与变量提升在JavaScript中,变量的定义和函数的定义都会被提升,而且函数的声明优先于变量的声明:在变量中,变量的赋值不会被提升,只是声明被提升了,但是函数的声明有点不一样,如果是函数式 ...
前端面试instanceof_一起回归一下每日一题这些经典面试题
" 需求已改活已加,加班通宵看朝霞.终是上线已延期,bug还是改不完. 面试造火箭,工作拧螺丝,虽然我只想拧螺丝,可是我需要用造火箭的技术去寻找拧螺丝的工作,如何能在面试过程中让自己处于不败 ...
java面试题_阿里大厂流出的数百道 Java 经典面试题
BAT 常问的 Java基础39道常见面试题 1.八种基本数据类型的大小,以及他们的封装类 2.引用数据类型 3.Switch能否用string做参数 4.equals与==的区别 5.自动装箱,常量 ...
企业运维经典面试题汇总（2）
1.写一个脚本查找最后创建时间是三天前,后缀是*.log的文件并删除 find .-ctime +3 -name '*.log' | rm -rf 2.统计ip访问情况,要求分析nginx访问日志,找 ...
2023秋招大厂经典面试题及答案整理归纳（201-220）校招必看
目录 201.数组al[O,mid-l]和al[mid,num-l],都分别有序.将其 merge成有序数组al[O,num-1],要求空间复杂度0(1). 202. 一个url指向的页面里面有另一个 ...
2023秋招大厂经典面试题及答案整理归纳（141-160）校招必看
目录 141. 动态连接库的两种方式? 142. IP组播有那些好处? 143. 列举几种进程的同步机制及优缺点 144. 什么是预编译,何时需要预编译? 145. int(*s[10])(int)表 ...

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

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

最新文章

热门文章