关于JavaScript变量提升

在类c语言中,每个变量都会有自己的作用域,他们只能在声明后并且在相应的作用域中才能使用,其他任何的不正确的使用都会引起报错。但是在JavaScript中利用var声明的变量会被提升到它所在作用域的顶部,看下面的例子:

function demo(condition) {
    console.log(value) //undefined
    if(condition) {
        var value = 1;
    }
    console.log(value) //如果condition的值为true,那么这里的输出就是1,否则就是undefined
}

也就是说,不论condition的值是不是true,value这个变量都会被创建,在预编译的阶段,JavaScript引擎会将上面的函数改成下面这样

function demo(condition) {
	var value;
    if(condition) {
        value = 1;
    }
}

变量value的声明被提升至函数顶部,但是初始化的操作仍然留在原处执行。
为了解决这个问题,在es6中引入了块级声明,块级声明用于声明在指定块的作用域之外无法访问的变量,块级作用域存在于函数内部和块中({}中)。
let声明:
就像C语言中的变量一样,变量只有在声明后才能使用,并且要在相应作用域中。

function demo(condition) {
    console.log(value) //报错
    if(condition) {
        let value = 1;
    }
}

现在value的作用域就是只有if这个块中,不论在是在if上面还是if后面引用value都会报错,而且,let还不允许重声明举例来说:

let value = 1;

let value = 2;//会抛出一个重复声明的错误

本文参考自《深入理解ES6》
有什么不对的地方欢迎大家指正

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值