相关面试题:函数、变量声明提升,类是否存在声明提升?

你如果已经看过我上次写的变量提升的文档,那么下面我们一起来看以下变量提升相关的面试题。

题目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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值