如何深入掌握ES6中块级作用域的实际应用？

本文共计2094个文字，预计阅读时间需要9分钟。

JavaScript中，使用`var`声明变量时，变量提升机制会将变量的声明提升到函数作用域的顶部。这意味着，无论变量在代码中的位置如何，都会在执行代码之前被提升到函数作用域的顶部。这可能导致一些意外的行为，尤其是在嵌套作用域中。

一.var 声明与变量提升机制

在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个令人困惑的地方。由于es5没有像其它类C语言一样的块级作用域,因此es6增加了let定义变量，用来创建块级作用域。

我们来看一个var定义变量的示例：

function setName(){ if(condition){ var name = 'loho'; console.log(name); }else{ console.log(name); } } var student = 'eveningwater'; setName();

以上代码可以理解成如下:

var student; function setName(){ var name; if(condition){ name = 'loho'; console.log(name);//loho }else{ console.log(name);//undefined } } student = 'eveningwater'; setName();

二.块级声明

块级声明意在指定一个块级作用域，使得块级作用域中所定义的变量无法再全局被访问到，块级作用域也被称为词法作用域。