前端中常用的关键字let、var和const做个分析

一、let与var命令的显著区别分别是，作用域，变量提升和重复声明

1、作用域

//1、作用域区别
{
  var sq1 = 'hello sq1'  //声明变量--var方式
  let sq2 = 'hello sq2'  //声明变量--let方式
}
console.log(sq1)  // 对象之外 var的作用域区间是全局的
console.log(sq2)  // 对象之外 let有明确的作用域

控制台上运行结果：
hello sq1
Uncaught ReferenceError: sq2 is not defined

上面代码在代码块之中，分别用 let 和 var 声明了两个变量。然后在代码块之外调用这两个变量，结果 let 声明的变量报错， var 声明的变量返回了正确的值。这表明， let 声明的变量只在它所在的代码块有效。

2、变量提升

//2、变量的提升
// var 会变量提升
console.log(allen)  // 报错：Uncaught ReferenceError: Cannot access 'allen' before initialization
let allen = '测开讲师'  // let不会进行变量提升

console.log(allen)  // 输出：undefined
var allen = '测开讲师'  // var会进行变量提升

//相当于
var bright  //先声明
console.log(bright)  //再使用
bright = '测开讲师'  // 再赋值
console.log(bright)

控制台上运行结果：
Uncaught ReferenceError: Cannot access 'allen' before initialization
undefined
undefined
测开讲师

var 命令会发生“变量提升”现象，即变量可以在声明之前使用，值为 undefined 。
let 命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

3、重复声明

//3、变量的重复声明
function f1(){
 let a= 1
 let a = 2  // Block scoped variables cannot be redeclared
 console.log(a)
}
f1()

let 不允许在相同作用域内，重复声明同一个变量。

二、const是声明一个只读的常量，一旦声明，值就不可更改。

 const name = 12222  //定义常量后保证引用不可变，如定义字符串，数字后，值就不可改
 // name = '哈哈'  // Attempt to assign to const or readonly variable
 console.log(name)

const a_list = []  //定义常量后保证引用不可变, 但是可以更改引用对象的内容
a_list.push(100)       //更改引用对象内容可以
// a_list=[200,300,400]   //重新赋值不可以
console.log(a_list)

const obj = {}
obj.name = '小明'
console.log(obj)

const 声明的变量不得改变值，这意味着， const 一旦声明变量，就必须立即初始化，不能留到以赋值。

最后总结：const与let同时具备相同作用域、变量不可提升和不允许重复声明等特性
const声明本质是报证变量的值不能改动，以上是变量指向的内存地址所保存的数据无法改动。对于简单
类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对
于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指
针， const 只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不
是可变的，就完全不能控制了。