let、const、var的区别

1. 块级作用域:let和const具有块级作用域;var不具有;块级作用域解决了ES5两个问题:

• • 内层变量可能覆盖外层变量
  • 用来计数的循环变量会泄露为全局变量

1. 变量提升:var存在变量;let和const不存在变量提升,即变量只能在声明之后使用,否则会报错
2. 给全局添加属性:浏览器的全局对象是window,Node的全局对象是global;var声明的变量是全局变量并将该变量添加为全局对象的属性,let和const不会
3. 重复声明:var允许重复声明变量,后声明的同名变量会覆盖前面的;let和const不允许
4. 暂时性死区:再let和const声明变量之前,该变量都是不可用的,这在语法上称为暂时性死区;而var不存在这种情况
5. 初始值设置:在变量声明时,var和let可以不设初始值;但const声明变量必须要设初始值
6. 指针指向:let创建的变量是可以更改指针指向的(可以重新赋值),但const声明的变量不允许更改指针指向

补充:变量提升

js执行是自上而下的,变量提升会把带有var/function关键字的提前声明或定义

带var的只会提前声明

// 代码执行之前，全局上下文中的变量会提升
// var a;默认是undefined
console.log(a); // undefined
var a = 12; // 执行到这才会给 a赋值 12（不需要声明a了，变量提升阶段完成了，完成的事情不会重新处理）
a = 13; // 全局变量 a=13
console.log(a); // 13

带function会提前声明和定义

/*
全局上下文中的变量提升
fn = 函数   这个阶段函数的声明和赋值都做了，所以 调用fn()可以在函数代码之前调用
*/
fn();
function fn() {
  var a = 12;
  console.log("ok");
}

fn(); // 会报错  TypeError: fn is not a function，因为用var 声明的变量只会声明fn但是不会赋值
var fn = function () {
  var a = 12;
  console.log("ok");
};