Javascript变量（var,let,const的区别）

变量是可以用于保存任何数据类型的数据。每个变量只是一个用来保存任意值的命名占位符。可以用var，let，const来声明变量。

1.var

var后直接跟变量名，可以赋值，也可以不赋值，可以保存任何类型的值。

var a;
var b = 1;
var c;
c = 2;

var定义的变量只会在其作用域内起作用。如在函数内使用var定义一个变量，在函数外将不再起作用。而如果不使用var定义，则函数内的变量就会变成全局变量。在外也可以访问到。如：

function test(){
var name = "zs";
age = 20
}
test();
console.log(name);//出错
console.log(age);//20

var具有变量提升的特点，就是用var声明的变量会提升至作用域的顶部，但赋值不会提升。

function test() {
        var name;
        console.log(name);
        console.log(age);
        name = 'zs';
        var age = 26;
    }
    test(); //undefined undefined

并且用var声明的变量具有“就近原则”，重复声明的值等于最近声明的值。

function test() {
    var age = 26;
    var age = 27;
    var age = 28;
    console.log(age);
}
test(); //28

2.let 

与var的最大区别就是，let声明的声明的区域是块作用域，而var的声明范围是函数作用域。

    if (true) {
        var name = 'zs';
        let age = 23;
        console.log(age);//23
        console.log(name);//zs
    }
    console.log(name);//zs
    console.log(age);//undefined  

这里外层age无定义，因为let的作用域作用在if内部。块作用域是函数作用域的子集，所以var的作用域限制也限制着let。

与var不同的另外一点，let具有暂时性死区的特点，就是let声明的变量不会在作用域中被提升。

    console.log(name); //undefined
    console.log(age); //error
    var name = 'zs';
    let age = 23;

在var中会提升但输出undefined，但在let中不仅不会提升，并且会报错。

经典案例：for循环中的let

以前var声明的for循环的迭代变量会影响到循环体外部，所以var在循环结束时，可以在外部输出循环结束的i值，而let不行。

    for (var i = 0; i < 5; i++) {
        setTimeout(() => console.log(i), 0);//5 5 5 5 5
    }
    for (let i = 0; i < 5; i++) {
        setTimeout(() => console.log(i), 0);//0 1 2 3 4
    }

出现这样的原因，用var声明的迭代变量是导致循环结束的值：5。用let声明迭代变量时，每次循环都会声明一个新的迭代变量，每次setTimeout引用的都是不同的值，也就是每次迭代的值。 

3.const

const和let的行为特点基本相同，但也具有其独有的特点，其一是在声明变量的同时必须赋值，且后续修改会报错。声明对象时，可以修改其内部的属性，其原因是，const声明变量时，不可变的是指针，而指向内部的数据结构可变。

4.总结 

关键字	变量提升	块级作用域	重复声明同名变量	重新赋值
var	√	×	√	√
let	×	√	×	√
const	×	√	×	×

在let和const出来之后，建议使用let，const来减少不必要的麻烦，使用let和const可以有助于对代码分块处理，