es6新增的变量声明方法,以及和var的区别

变量声明的三个关键字var let const

var

使用var关键字声明变量会出现一些问题。
1.允许重复的变量声明，数据被覆盖
2.变量提升，闭包
3.全局变量挂载到全局对象，污染全局变量

例子

1.数据被覆盖

 var a = 1;
 function print(){
     console.log(a)
 }
 var a = 2;
 print();//输出2

2.闭包

function test(){
    var arr = [];
    for(var i = 0; i < 10; i++){
        arr[i] = function(){
            console.log(i);
        }
    }
    return arr;
}
var demo = test();
for(var j = 0; j < 10; j++){
    demo[j]();//输出10个10
}

3.污染全局变量

var abc = "123";
console.log(window.abc);//输出123
var console = "abc";
console.log(console)//报错console.log is not a function

let

块级作用域：代码执行时遇到花括号，会创建一个块级作用域，花括号结束，块级作用域销毁。
1.不允许在当前作用域内重复声明let
2.let声明的变量不会提升
3.let声明的变量不会被挂载到全局对象中

例子

1.不能重复声明

let a = 123;
console.log(a)
let a = 123;
let a = 456;

2.不会提升

console.log(a)
let a = 123;

3.不会挂载到全局对象上

let a = 123;
console.log(window.a)

有人可能会想，既然let不允许重复声明，那么for循环为什么可以使用let呢？

注意

其实let声明也会提升，只是它在提升后会被放入暂时性死区中，如果访问的变量位于暂时性死区，则会报错，像例子2一样。当代码运行到该变量的声明语句时，会将其从暂时性死区中解放出来。
在循环中，用let声明的循环变量，会特殊处理，每次进入循环体，都会开启一个新的作用域，并且将循环变量绑定到该作用域中。循环结束后销毁。

const常量

const和let几乎完全相同，唯一的区别就是用const声明的常量，必须在声明时赋值，并且不可以重新赋值。

注意

1.不可以重新赋值指的是常量的内存空间不能变，但是不保证内存空间中的地址指向的其他空间不变
2.命名规则：特殊的常量名全部大写，多个单词之间用下划线分割
3.for循环中，不能用const

例子

1.不可重新赋值

const a = 1;
a = 1;
console.log(a)

内存中的地址指向其他空间

const obj = {};
console.log(obj);
obj.name = "重新赋值";
console.log(obj);

2.for循环中不能使用const

for(const i = 0; i < 10; i++){
    console.log(i);
}

但是在for in循环中可以

var obj = {
    name:"kevin",
    age:18
}
for (const prop in obj) {
    console.log(prop)
}