var let const 的区别

先说说他们三兄弟是干什么的,var就像大宝一样，正所谓大宝天天见，var是我们作为变量的一种声明方式, 而let、const和var的功能一样，也是声明变量的一种方式。既然大家都是声明变量用的何必要这么多呢，一山不容二虎啊,何况是三个。我们知道任何一个东西都不是十全十美，语言也是如此，var算是js语言的一个bug，后来随着语言的发展在es6中这个bug被修复了,也就是说引入了let和const，别误会啊，这两个可不是一公一母啊。来吧

WX20180416-230045@2x.png

function test() {
    console.log(name1); // undefined
    console.log(name2); // Uncaught ReferenceError: name2 is not defined
    console.log(name3); // Uncaught ReferenceError: name2 is not defined
    
    var name1;
    let name2;
    const name3;
    
    console.log(name1); // undefined
    console.log(name2); // undefined
    console.log(name3); // Uncaught SyntaxError: Missing initializer in const declaration

    var name1 = 1;
    let name2 = 2;
    const name3 = 3;
    console.log(name1); // 1
    console.log(name2); // 2
    console.log(name3); // 3

    var name1 = 100;
    let name2 = 200;
    const name3 = 300;
    
    console.log(name1); // 101
    console.log(name2); // Uncaught SyntaxError: Identifier 'name2' has already been declared
    console.log(name3); // Uncaught SyntaxError: Identifier 'name3' has already been declared

    {
        var name1 = 11;
        let name2 = 22;
        const name3 = 33;
        console.log(name1); // 11
        console.log(name2); // 22
        console.log(name3); // 33
    }
    console.log(name1); // 11
    console.log(name2); // 2
    console.log(name3); // 3
}
test();

我们从上往下来看console的输出：

• 第一打印的时候，name1、name2、name3我们并没有定义，然而name1可以输出undefined,name2,name2却报错了，这是由于var具有变量的提升功能而let和const却没有。

• 第二次打印的时候name1和name2输出undefined，name3报错。

• 第三次打印的时候三个都正常输出

• 第四次打印：我们对已经存在的变量重新定义只有name1重新定义成功了，而let和const却报‘Uncaught SyntaxError: Identifier 'name3' has already been declared’，说明 对于同一变量在同一作用域内var是可以被重复定义的，而let和const 是不可以的。

• 第五次打印的时候，由于在代码块中重新定义了name1、name2、name3，代码也正常输出了。

• 第五次打印的时候，var 定义的name1被代码块中的定义修改成了11；而name2和name3却没有动；说明const和let只在块作用域中有用。var 却在整个函数的生命周期中都有用，并且很容易被修改

总结一下

1. var有变量提升的作用而let和const没有

2. let、const具有块级作用域而var没有

3.var和let定义的变量，如果不初始化会输出undefined，不会报错。而const声明的变量不可以被修改，一旦声明，就必须立即初始化，不然会报错

4.var 可以先使用后声明，let和const必须先声明后使用