ES6面试题考点(一)--var，let，const

var

在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量（浏览器的顶层变量是window，Node顶层变量指的是global）

var a =10
console.log(window.a)

变量提升

使用var声明的变量存在变量提升的情况：

console.log(a);//undefined
var a = 20

在编译阶段，编译器会当做下面这样的代码进行执行：

var a
console.log(a);
a = 20

会被后面的声明覆盖

当我们使用var时，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明

var a = 111
var a = 222
console.log(a);

局部变量

我们在函数中使用var声明的变量是局部的

var a = 111
function foo(){
  var a = 222
}
foo()
console.log(a);

如果在函数内不使用var声明变量，则该变量是全局的

var a = 111
function foo() {
  a = 222
}
foo()
console.log(a);

let

let 是ES6新增的命令，用法与var类似，但是声明的变量只在let命令所在的代码块中有效

{
  let a = 20
}

console.log(a);

不存在变量提升

console.log(a);

let a = 10

此时a是不存在的，会直接报错，而不会跟var一样输出undefined

暂时性死区

只要块级作用域内存在let命令，这个区域就不再受外部影响

var a =123
if(true){
  a='Alo'
  let a
}

使用let声明变量之前，该变量都不可用，即“暂时性死区”

（相同作用域下）不可重复声明

相同作用域：

不同作用域：

因此，我们是不能在函数内部重新声明参数的

function foo(a){
  let a
}
foo()

const

const 声明的是一个只读的常量，一旦声明就不能改变

const a= 12
a = 13

也就是说，const一旦声明变量就必须立即初始化，不能留到以后赋值

对于之前使用var，let声明过的变量，也不能使用const进行重复声明

const 实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动

对于简单类型的数据，值就保存在变量指向的那个内存地址中，因此等同于常量

对于复杂类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的，并不能确保该变量的结构不变

在同一个对象中进行更改而指针不变，不会报错

const foo={}

foo.prop =123
foo.prop 

当把foo指向另一个对象时会报错

其他情况const与let一致

小结

变量声明	变量提升	暂时性死区	块级作用域	重复声明	修改声明变量	使用场景
var	有	无	无	允许	允许	需要全局变量或函数内部变量时
let	无	有	有	不允许	允许	需要块级作用域变量时
const	无	有	有	不允许	不允许	需要声明一个只读的常量时