let, const与var的区别letconst总结 var，let，const 异同

36 阅读 0 评论 24 点赞

我是靠谱客的博主害怕小松鼠，最近开发中收集的这篇文章主要介绍let, const与var的区别letconst总结 var，let，const 异同，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

let

基本用法

ES6 新增了let命令，用来声明变量。它们的用法类似于var，但是所声明的变量，只在其命令所在的代码块内有效。

{
var a = 1;
let b = 2;
}
console.log(a)  // 1
console.log(b)  // ReferenceError: a is not defined.

上面代码在代码块中，分别用var，let声明了两个变量。然而在代码之外调用者两个变量，结果let声明的变量报错，var声明的变量返回了正确的赋值。这表明，let声明的变量只在它所在的代码块里面有效，而var声明的变量则是在全局里面都是有效的。

变量提升

在之前学习的过程中，我们知道var命令会发生‘变量提升’的现象，就是在声明变量之前吊命这个变量，调用的值是undefined。但是在es6中新的声明变量的let却没有这种现象，例如：

console.log(a)  // undefined
console.log(b)  // 报错ReferenceError
var a = 1；
let b = 2；

上面代码中，变量a用var命令声明，会发生变量提升，即脚本开始运行时，变量a已经存在了，但是没有值，所以会输出undefined。变量b用let命令声明，不会发生变量提升。这表示在声明它之前，变量b是不存在的，这时如果用到它，就会抛出一个错误。

暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

var tmp = 123；
if（true）{
  tmp = ‘abc’；// ReferenceError
  let tmp
}

上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”

ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为。这样的错误在 ES5 是很常见的，现在有了这种规定，避免此类错误就很容易了。

总之，暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

不允许重复声明

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

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

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

因此，不能在函数内部重新声明参数。

const

const的用法基本和let的相同，不同的就是：
const声明一个只读的常量。一旦声明，常量的值就不能改变。

// 常量，赋值不能修改
const a = 123;
// a = 456   //  Assignment to constant variable.
// 引用类型特殊 可以修改
// obj 赋值是 地址 地址指向的是 对象。所以可以修改
const obj = {
  a:123
}
obj.b= 46;
console.log(obj);// {a:123，b:46}