你如果已经看过我上次写的变量提升的文档,那么下面我们一起来看以下变量提升相关的面试题。
题目1:
var a=2;
function fn(){
b();
return ;
var a=1;
function b(){
console.log(a);
}
}
fn();
看到内部有函数和var变量,先不要直接就出结果,有可能和实际结果差别很大,要先把变量和函数提升以下,调整一下顺序
var a=2;
function fn(){
var b=function(){
console.log(a);
}
var a;
b();
return ;
a=1;
}
fn();
调整顺序之后是不是觉得,答案很清晰,输出结果为:
undefined
执行b() 的时候, 打印a,发现a做了声明但是未赋值,所以打印undefined
小结:上面是我们经常遇到的,函数声明和变量声明会提到函数的开头,但是函数声明优先级要高于变量声明的优先级,具体可参考Javascipt变量提升、作用域
既然函数和变量存在声明提升的问题,那类是否存在变量声明提升的问题呢?,下面这一道题,将会解答这个问题
题目2:
var a=1;
function test(){
console.log(a)
class a{
}
console.log(a)
}
test()
很多人看到这个题,以为执行顺序是
var a=1;
function test(){
class a{
}
console.log(a)
console.log(a)
}
test()
这样理解是错的,类是不存在变量提升,变量提升只有变量、函数,没有函数呦!正确的输出结果是:
第一处报错 ,第二处打印class a{}
原因:因为class和let都有暂时性死区,在声明前无法访问,只有在当前作用域中声明之后才能访问,同时es6中class、let 、const一样都不存在变量提升。所以第一处打印的时候,a没有定义会报错,而第二处将会打印定义之后的class a