var let const的区别

var let const的区别

• var 声明的变量存在变量提升，即变量可以在声明之前调用，值为 undefined; let 和const不存在变量提升，即使他们所声明的变量一定要在声明后使用，否则报错
• var 不存在暂时性死区，let 和 const 只有等到声明变量的那一行代码出现，才可以获取和使用该变量
• var 不存在块级作用域，let 和 const 存在块级作用域
• var 允许重复声明变量，let 和 const 在同一作用域不允许重复声明变量
• var 和 let 可以修改声明的变量，const声明一个只读的常量，一旦声明，常量的值就不能改变
• 建议：能用 const 的情况尽量使用const,其它情况大多数使用 let ，避免使用 var

let与var的区别：

• var a = []
  for (let i = 0; i < 10; i++) {
      a[i] = function () {
          console.log(i)
      }
  }
  a[6]()
  // 6
  
  var a = []
  for (var i = 0; i < 10; i++) {
      a[i] = function () {
          console.log(i)
      }
  }
  a[6]()
  // 10
  

• for (var i = 0; i < 3; i++) {
      setTimeout(function () {
          console.log(i)
      }, 1000)
  }
  // 10
  // 10
  // 10
  
  
  for (let i = 0; i < 3; i++) {
      setTimeout(function () {
          console.log(i)
      }, 1000)
  }
  // 0
  // 1
  // 2 
  

  备注：上面的代码中，变量i是let声明的，当前的i只在本轮循环中有效。所以每一次循环的i其实都是一个新的变量，于是最后输出的是6。JavaScript引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

  另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

  for (let i = 0; i < 3; i++) {
      let i = 'abc'
      console.log(i)
  }
  // abc
  // abc
  // abc
  

参考 阮一峰ES6标准入门