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》
有什么不对的地方欢迎大家指正

• 点赞
• 收藏
• 分享
• 文章举报