ES6新特性-var，let和const的使用及区别

一.var的声明

如果使用关键字 var 声明一个变量，那么这个变量就属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。举例说明：

var a = 1; //此处声明的变量a为全局变量
function foo(){
   var a = 2;//此处声明的变量a为函数foo的局部变量
   console.log(a);//2
}
foo();
console.log(a);//1

如果在声明变量时，省略 var 的话，该变量就会变成全局变量，如全局作用域中存在该变量，就会更新其值。如：

var a = 1; //此处声明的变量a为全局变量
function foo(){
   a = 2;//此处的变量a也是全局变量
   console.log(a);//2
}
foo();
console.log(a);//2

在使用var这一声明变量的时候，需要注意的是var中存在着变量提升，所以无论var声明在哪一个位置，他都会属于当前整一个作用域，在其中任何一个地方均可以将进行访问。还有一点就是提升的只有变量，变量赋值并不会提升。如下面所示：

console.log(num);//undefined
var num = 1;

等同于

var num;
console.log(num);//undefined
num = 1;

不过最后还要注意的一点是，函数同样存在变量提升，且优先级高于变量提升！

二.let的声明

let声明变量有三个特点：

1.let不能重复声明同一个变量

如下面的例子所示：

let star = “1”
let star = “2”//Uncaught SyntaxError: Identifier 'a' has already been declared

2.let声明变量后会生成块级作用域

下面的两个都是非常经典的例子，经常使用到，建议背一背理解一下

var a = [];
for (var i = 0; i < 10; i++) {
      a[i] = function () {console.log(i);};
}
a[0]();                // 10
a[1]();                // 10
a[6]();                // 10

/********************/

var a = [];
for (let i = 0; i < 10; i++) {
      a[i] = function () {console.log(i);};
}
a[0]();                // 0
a[1]();                // 1
a[6]();                // 6
//第一个中的i是没有块级作用域的，全局只有一个变量i，每次循环的{}中的代码都指向同一个i
//第二个中的i是有块级作用域的，当前的i只在本轮循环有效，每次循环的{}中的代码都指向不同的i
//值得注意的是：for的()是一个父作用域，{}是一个子作用域
//因为当前的i只在本轮循环有效，所以let定义的i在每次循环都会重新定义一遍，每次都是一个新变量

foo('outside');  // TypeError: foo is not a function
{
  function foo(location) {
   console.log('foo is called ' + location);
  }
  foo('inside'); // 正常工作并且打印 'foo is called inside' 
}

//使用function时也有块级作用域

3.不存在变量提升

let boy = 1;
console.log(boy);//1
console.log(girl);
let girl = 2;//Uncaught ReferenceError: b is not defined

三.const的声明

const声明常量有四个特点：

1.const赋值常量必须要赋初值，如果没有初值的话就会报错

2.常量的值不能被修改

3.const定义的也是块级作用域

{
const Player = “UZI”
}
console.log(Player)

4.对于const中定义的数组和对象的元素进行修改，不算对常量的修改，不会报错

const TEAM = [“uzi”,”mlxg”]
TEAM.push（“xiaohu”）;//这样是不会报错的

所以准确的说，是 const 声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的，只是变量标识符不能重新分配。

四.三者的区别

var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域；

var 存在变量提升现象，而 let 和 const 没有此类现象；

var 变量可以重复声明，而在同一个块级作用域，let 变量不能重新声明，const 变量不能修改。

参考：
https://zhuanlan.zhihu.com/p/59683520
https://es6.ruanyifeng.com/#docs/string