变量声明的工作方式向来是 JavaScript 编程中难以理解的部分之一。在大部分C和类C（C-based）语言中，变量的声明与创建（或绑定）发生在同一位置，然而在 JavaScript 中情况就有所不同，变量的创建方式取决于你如何声明它，ECMAScript 6 提供了额外的选项方便你能自由控制变量的作用范围。
es6有三种声明方式。
var
当在全局作用域内使用 var 声明时会创建一个全局变量，同时也是全局对象（浏览器环境下是 window）的一个属性。
var a = "Hello!";
console.log(window.a); // "Hello!"
如果你在全局作用域内使用 let 或 const，那么绑定就会发生在全局作用域内，但是不会向全局对象内部添加任何属性。这就意味着你不能使用 let 或 const 重写全局变量，而仅能屏蔽掉它们
console.log(window.RegExp); //
let RegExp = 'hello';
console.log(RegExp); // 'hello'
console.log(window.RegExp); //
console.log(window.RegExp === RegExp); //false
const zyc = 'hello';
console.log(window.zyc); // undefined
let
1.块级声明
先了解块级声明，块级声明指的是该声明的变量无法被代码块外部访问。块作用域，又被称为词法作用域（lexical scopes），可以在如下的条件下创建：
- 函数内部
- 代码块内部（{}内）
简单来说就是代码块中使用let声明的变量，只能在这个{}内访问。
function getValue(condition) {
if (condition) {
let value = "blue";
// 其它代码
return value;
} else {
// value 并不存在（无法访问）
return null;
}
// 这里 value 也不存在
}
2.禁止重复声明
如果一个标识符在当前作用域里已经存在，那么再用 let 声明相同的标识符或抛出错误（const同样有这个要求）。
var count = 30;
// 语法错误
let count = 40;
会抛出错误
var count = 30;
// 不会抛出错误
if (condition) {
let count = 40;
// 其它代码
}
这个不会报错，因为let声明了一个{}内的变量。
const
该种方式声明的变量会被视为常量，这意味着它们不能再次被赋值。由于这个原因，所有的 const 声明的变量都必须在声明处初始化。（有疑问）
相同点和不同点
const 和 let 相同点：都是块级声明，禁止重复声明，声明的变量在声明之前不能被访问。
不同点：不管是在严格（strict）模式还是非严格模式（non-strict）模式下，const 变量都不允许被重复赋值（for-in和for-of中const和let相同，普通for循环会报错）。
划重点：
目前关于块级绑定的最佳实践是使用 const 作为默认的声明方式，当变量需要更改时切换为 let 声明。保证代码中最基本的不可变性能防止错误的发生。
网友评论