学习es6笔记-var、let、const变量声明

变量声明的工作方式向来是 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 声明。保证代码中最基本的不可变性能防止错误的发生。

本章内容