var let const 三则如何区分？

想弄清楚这三者的区别，我们需要知道这三者最基本的来龙去脉。

var是ES5中的变量，let、const是ES6中的变量。

块级作用域是在ES6中引进的，那么什么是块级作用域呢？

简单的来说，就是包含在{......}中的代码就是叫块级作用域，其中for语句、if语句也属于块级作用域。

既然是在ES6中才有的块级作用域，而且let、const也是ES6中有的，由此可见，这两者肯定跟块级作用域有瓜葛，有说不清道不明的关系，不然人家新来的干嘛要带上你呢。

那么我们现在来看几个小例子

<script>
    {
        var a = 1;
        console.log(a); // 1
    }
    console.log(a); // 1
    // 通过var定义的变量可以跨块作用域访问到。
 
    (function A() {
        var b = 2;
        console.log(b); // 2
    })();
    // console.log(b); // 报错，
    // 可见，通过var定义的变量不能跨函数作用域访问到
 
    if(true) {
        var c = 3;
    }
    console.log(c); // 3
    for(var i = 0; i < 4; i ++) {
        var d = 5;
    };
    console.log(i); // 4   (循环结束i已经是4，所以此处i为4)
    console.log(d); // 5
    // if语句和for语句中用var定义的变量可以在外面访问到，
    // 可见，if语句和for语句属于块作用域，不属于函数作用域。

</script>

通过这个例子就彻底明白了var的作用了，更加理解了什么是函数作用域、全局作用域了。

那么我们下面就要来看这三者之间有什么不同点了，简单概述一下：

• var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。

• let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。

• const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

有可能通过文字的描述让你无法彻底明白是怎么一回事，那么还是用例子来说明一切问题吧，实践才是检验真理的唯一标准嘛！

<script>
    // 块作用域
    {
        var a = 1;
        let b = 2;
        const c = 3;
        // c = 4; // 报错
        var aa;
        let bb;
        // const cc; // 报错
        console.log(a); // 1
        console.log(b); // 2
        console.log(c); // 3
        console.log(aa); // undefined
        console.log(bb); // undefined
    }
    console.log(a); // 1
    // console.log(b); // 报错
    // console.log(c); // 报错
 
    // 函数作用域
    (function A() {
        var d = 5;
        let e = 6;
        const f = 7;
        console.log(d); // 5
        console.log(e); // 6  
        console.log(f); // 7 
 
    })();
    // console.log(d); // 报错
    // console.log(e); // 报错
    // console.log(f); // 报错
</script>

通过案例相信基本清楚了这三者各自的不同了，最后用一些人话来总结一下

var是之前的老大哥，什么都是自己解决，不管是在函数里还是在全局，都可以由他说了算，但是这要根据前提来说明的，你在函数里声明了他，那么你就必须让他活在你的函数里，他跑去别的函数里，谁也不认识啊！所以还是得看好自己家的熊孩子，到处乱跑，是谁都不认识的，到时候发生什么意外那就说不好了。但是你在全局声明了他，那么就等同于你在村里用喇叭喊了这娃是我的，那么不论他去谁家，别人都知道这是你的娃，都知道他叫什么，是男是女，甚至还可能知道是是什么时候生的，只要你告诉了全村人，什么信息都知道了嘛，信息时代，哪有隐私了嘛。

let定义的变量就很悲惨了，只能在块级作用域中使用，就像孙悟空给画了个圈，告诉唐僧不能出去，不然后果很严重，唐僧不听吧，就差点别当饺子馅了。所以说这个let声明的变量活动范围很小，就只有在{......}之中待着，你跑出去了后果就很严重了。

const跟let就很像了，谁叫他们都是ES6中一起生出来的呢，亲兄弟都会有相似点的嘛，他们两兄弟的差别就是这个const不能自己更改自己的信息，在你出生的那一刻，你爸妈就给你取好名字了，要是不取名字的话，你就生不下来，而且以后你想更改名字都不行，所以由此可见这个名字有多金贵，跟你生命一样。但是你的活动范围跟你兄弟一样了，不能乱跑，不然后果一样严重。