浅谈let和const的使用以及注意事项

在说let和const之前先简单的说一下作用域，因为后面会有提到
ES5中的作用域有全局作用域和函数作用域，到了ES6来新增了：块作用域
块作用域简单的说是：代码中使用{}包起来的，就是一个块作用域

let

先看一个demo：

function test(){
  for (let i=1;i<3;i++) {
    console.log(i)
  }
  console.log(i)
}

image.png

结果报错
1、i 脱离了块作用域，let声明的变量只有在块作用域重用小 所以报错
2、我们没有声明i调用的时候应该报undefined错误，这里报is not defined ，这是为什么呢？是因为es6默认（强制）开启了严格模式“use strict”，如果在es5中需要开启严格模式的话，在js文件的顶部加上“use strict”
严格模式：变量未声明不能引用
3、let不允许在相同作用域内，重复声明同一个变量。

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响；
使用var则不会报错，是因为var的变量提升的原因；为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错

function test(){
  for (var i=1;i<3;i++) {
    console.log(i)
  }
  console.log(i)
}

image.png

const

const是定义常量的

function test() {
const PI = 3.1415926;
PI = 3.14;
console.log(PI)
}

报错： SyntaxError: "" is read-only;
是因为const一旦定义不可被更改（这种说法不严谨，继续看）一旦修改就会报错： SyntaxError: "" is read-only

function test() {
  const c = {
  a:1
  } ;
  c.b = 2;
  console.log(c)
}

image.png

如上图，为什么const定义的c 可以修改其内部属性的值呢？
const 声明的引用类型可以修改，const声明的是指向对象的指针，指针不能变但是对象是可以变的；const定义的基本类型不能修改

function test() {
  const PI ;
  PI = 3.14;
  console.log(PI)
}

const 声明的同时必须赋值，否则报错： SyntaxError:Unexpected token