JS中var、let、const的区别

在我很早之前，我还在用着var，直到接触到了let与const，我才知道var造成的影响很多，我果断的抛弃了var，哈哈
让我为大家介绍一下它们的区别吧！

1.块级作用域

块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域

    {
        // var没有块级作用域
        var a = 10
        // let有块级作用域
        let b = 20
        // const有块级作用域
        const c = 30
    }
    console.log(a) //打印10
    console.log(b) //报错，b is not defined
    console.log(c) //报错，c is not defined ，因为let已经报错，后面没打印出来

块级作用域解决了ES5中的两个问题：
内层变量可能覆盖外层变量

    var a = 5
    function fun() {
    	//变量提升导致，没有块级作用域
        console.log(a) //undefined
        {
            var a = 10
        }
    }
    fun()

用来计数的循环变量泄露为全局变量

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

2.变量提升

var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否则会报错

    // var变量提升
    console.log(a) //undefined
    var a = 10

    // let与const没有变量提升
    console.log(a) //报错
    let a = 10 
    console.log(b)//报错
    const b = 10

3.重复声明

var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的变量。const和let不允许重复声明变量。

    var a = 10
    console.log(a) //10
    var a = 20
    console.log(a) //20

    let a = 10
    let a = 20
    console.log(a) //报错

    const a = 10
    const a = 20
    console.log(a) //报错

4.暂时性死区

在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区
因为var的作用域为全局作用域，存在变量提升，let与const没有变量提升，而且let与const有块作用域
代码同变量提升模块

5.初始值设置

在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。

    var a
    console.log(a) //undefined
    let b
    console.log(b) //undefined
    const c
    console.log(c) //报错 在const声明中缺少初始化式

感谢大家的阅读，如有什么不对的地方，可以向我指出，感谢大家！