ES6的let和var声明变量的区别

时间 2019-11-08

标签 es6 let var 声明变量区别栏目 JavaScript 繁體版

原文原文链接

关于let的描述浏览器

let容许你声明一个做用域被限制在块级中的变量、语句或者表达式。与var关键字不一样的是，它声明的变量只能是全局或者整个函数块的。函数

做用域规则ui

let声明的变量只在其声明的块或子块中可用，这一点，与var类似。两者之间最主要的区别在于var声明的变量的做用域是整个封闭函数，是全域的。spa

function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // 一样的变量!
    console.log(x);  // 2
  }
  console.log(x);  // 2
}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // 不一样的变量
    console.log(x);  // 2
  }
  console.log(x);  // 1
}

var存在变量提高现象，而let不存在.net

浏览器在运行代码以前会进行预解析，首先解析函数声明，定义变量，解析完以后再对函数、变量进行运行、赋值等。
不论var声明的变量处于当前做用域的第几行，都会提高到做用域的头部。
var 声明的变量会被提高到做用域的顶部并初始化为undefined，而let声明的变量在做用域的顶部未被初始化。

// var 的状况
console.log(foo); // 输出undefined
var foo = 2;
//至关于
var foo;  //声明且初始化为undefined
console.log(foo);
foo=2;

// let 的状况
console.log(bar); // 报错ReferenceError
let bar = 2;
//至关于在第一行先声明bar但没有初始化，直到赋值时才初始化

只要块级做用域内存在let命令，它所声明的变量就“绑定”这个区域，再也不受外部的影响。总之，在代码块内，使用let命令声明变量以前，该变量都是不可用的，尽管代码块外也存在相同全局变量。code

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}
alert(tmp);  //输出值为123，全局tmp与局部tmp不影响

let不容许在相同做用域内，重复声明同一个变量。blog

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

var在相同做用域内，能够重复声明同一变量接口

// 表示从新赋值
function () {
  var a = 10;
  var a = 1;
}

了解更多关于let的特性、模仿私有接口、暂存死区等ip

参考整理来源：内存

http://www.javashuo.com/article/p-gdgboudm-kq.html