在ES6之后就出现了let,const。今天我们来浅谈一下这两个和var的区别。

此图来源于网络，用于学习

一.重复定义

var

  var a = 10
  var a = 20

let

const

Cannot redeclare block-scoped variable 'a'. 无法重新声明块作用域变量‘a’。

二.声明提升

var  

代码：

  console.log(a);
  var a = 10

提升后的代码：

  var a
  console.log(a);
  a = 10

let

  console.log(a);
  let a = 10

const：

、

三.块级作用域

var:function可以

代码：

  function fn() {
    var a = 10
  }
  console.log(a);

在for 循环里面呢?

代码：

  for (var i = 0; i <= 5; i++) {
    var b = 10
  }
  console.log(b);

 是可以访问到的

在if里面呢?

代码:

 if (true) {
    var a = 20
  }
  console.log(a);

可以访问的到。

也因此证明了一点,var只有在函数中才有块级作用域。

let

在if里面

代码：

  if (true) {
    let a = 20
  }
  console.log(a);

for循环里面

  for (var i = 0; i <= 5; i++) {
    let b = 10
  }
  console.log(b);

 在函数里面

代码：

  function fn() {
    let a = 10
  }
  console.log(a);

const

在函数里面:

代码：

  function fn() {
    const a = 10
  }
  console.log(a);

在for循环里面

代码：

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

在if里面

代码：

  if (true) {
    const a = 20
  }
  console.log(a);