JS变量的多种声明方式和区别

JS变量的声明

---

变量的概念：变量是存储数据值的容器。

     换句话说当我们声明一个变量时 JS会在在存储空间开辟一块内存空间用于存放内容，并把这个内存空间指向这个变量

var

声明:  var name = 'naofu'

// 1.在全局作用域内生效
    // 在整个作用域内都能访问到

// 2.存在变量提升
    // 当我们在变量声明之前使用它的时候就会出现变量提升 但值并未提升
    console.log(a) // undefined
    var a = 'fill'
    console.log(a) // fill

// 3.可以重复声明
   // 重复声明时最后声明的值会生效
   var a = 'fill'
   var a = 'twoFill'
   console.log(a) // twoFill

let(ES6新增)

声明: let name = 'naofu'

// 在块级作用域内生效
   
// 不存在变量提升
    console.log(about) // about is not found
    let about = 'aa'
    console.log(about) // aa
// 不可以重复声明(在同一个块级作用域内重复声明时会报错)
   let about = 'aa'
   let about = 'bb' // error 

const(ES6新增) 

声明: const name = 'naofu'

1.在块级作用域内生效

2.不存在变量提升
    console.log(about) // about is not found
    const about = 'aa'
    console.log(about) // aa

3.不可重复声明
    const about = 'aa'
    const about = 'bb' // error 

4.一旦初始化必须给与一个值且无法修改
    const about = 'aaa'
    about = 'ccc' // error 无法修改