Vue中const、var、let三个变量的区分

let的定义和使用在块级作用域，内部函数使用let后对于外部的函数没有影响，而且在外部没有办法访问内部的let，如下所示：

let a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[5]();//输出5

var的话是在全局范围内有效的，如果不初始化会输出undefined，不会报错，如下图所示：

var a = [];
for (var i = 0; i < 10; i++) {
   a[i] = function () {
     console.log(i);
   };
 }
 a[7]();//输出为10，而不为7

上面这段代码中，循环变量i是用var命令声明的，因此是在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，而循环内被赋给数组a的函数内部的console.log(i)，里面的i指向的就是全局的i。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行结束后，输出的i的值是 10，而不是7。

const的话就表示的是只读操作，不可以进行修改，而且必须初始化。