var,let和const的区别

1.基本使用

• let和var的使用基本上一致没有太大的区别，都是用于声明一个变量，
• cosnt声明的是常量或者是衡量，表示保存的值是不能被修改的，但是当保存的的值是引用值（指向的内存地址）时（比如对象或者函数），是可以通过引用值去修改内部的数据
• let和const是不可以重复声明相同的变量，var是可以的

2.let和const的作用域提升

console.log(foo); //undefined
var foo = 'hello';

先输出foo在用var定义foo，控制台输出的是undefined，说明foo在编译之前就可以访问了，但是没有赋值，赋值的操作是在编译的时候进行的，说明用var声明的的变量是有作用域提升的（可以提前访问变量）

console.log(bar);
let bar = 'hello';
//ReferenceError: Cannot access 'bar' before initialization

用let声明变量，控制台报错，输出在初始化值之前不能访问bar，说明在执行上下文的时候let关键词没提升作用域

3.let,const和window的关系

• 当在使用var关键字来声明一个变量的时候，声明的变量会直接在window上面添加

var foo = 'hello';
console.log(foo);
window.foo;

• 当使用let和cosnt的关键字来声明一个变量时会有一点不同，在早期的ECMA规范中

  
  
  

  在最新的ECMA规范中，会有一点不一样

  
  
  当js引擎在实现变量环境中时，会将let和cosnt声明的变量放在VariableMap（一种hashmap）来实现变量的存储，为了适配早期的浏览器，用var关键字的声明的变量仍然会放到window对象中去，但是这样做会造成意外的bug，但是let和const是不会的，推荐在开发环境下优先使用let和cosnt

4.块级作用域

• var的块级作用域

{
var foo = 'foo'
}
console.log(foo) //foo

在块级作用域里面用var声明的变量时没有作用域的

• let和cosnt的作用域

{
  let foo = 'foo';
  function bar() {
    console.log('hello');
  }
  const baz = 'baz';
}
console.log(foo);// ReferenceError: foo is not defined
bar();//hello
console.log(baz); //ReferenceError: bazis not defined

let和cosnt是有作用域的在内部的声明变量，在外面是不能被访问到的，但是函数可以，这是因为引擎会对函数的声明进行特殊的处理，允许像var那样进行提升，在开发环境下使用let和cosnt声明变量最大的好处是不会有意外的变量被修改，但是在为了适配早期的浏览器，将代码打包后，这些关键字都会变成var