主要是var和let两者的区别,const放在最后说
1.var是ES5中的,let是ES6中的
ES5不存在块级作用域的概念,只有全局作用域和函数作用域。在ES6之前,解决这个问题主要靠闭包(closure)
闭包指的是有权访问另一个函数作用域中变量的函数,常见的方式就是在函数中创建函数,借此突破作用链域。
function say666(){
var num =665;
var sayalert = function(){
alert(num)
}
num++;
return sayalert
}
var a = say666()
a()
}
因为say666()内部函数的执行需要依赖say666()中的变量,所以js垃圾回收机制GC不会回收say666的资源
在ES6中,用let代替var,因为let只有块级作用域的概念,由 { } 包括起来,if语句和for语句里面的{ }也属于块级作用域。
2.var变量未声明是undefined,let变量未声明会报ReferenceError错误
var变量即使调用在前,声明在后,也不会报错,因为存在变量提升,即在JS中函数及变量的声明都会被提至顶部。let变量在声明前,都不可用,即暂时死亡(temporal dead)
TDZ(暂时性死区):只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。
ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
3.let不允许重复声明
{
let a;
let a;//'a' has already been declared
}
{
var a;
var a;//没问题,var可以重复声明
}
{
var a;
let a;//'a' has already been declared
}
{
let a;
var a;//'a' has already been declared
}
4.let不能作为全局变量的属性调用,而var可以
ES5中全局对象的属性与全局变量基本是等价的
ES6 中做了严格的区分:
使用 var 和 function 声明的全局变量依旧作为全局对象的属性,
使用 let, const 命令声明的全局变量不属于全局对象的属性。
关于全局变量的补充——
var可以作为全局变量挂载到window上,即this,且var定义变量不能使用delete删除,而window可以
var a = 2;
this.c = 3;
delete a;
delete c;
console.log(this.a)//2
console.log(this.c)//undefined
var有变量提升,window没有
console.log(a)//undefined
var a = 2;
console.log(c)// c is not defined
window.c=2;
函数内部定义的var变量,在外层访问不到,因为var只有全局和函数作用域。在函数内部使用var定义的变量在外部不能访问到,而window能访问到。
function test(){
var a = 2;
this.c = 2;
}
test();
console.log(this.c)//2
console.log(a)//a is not defined
5.const简单来说就是不能改变的let
const要初始化,如
const a = 10
const a //Const declarations require an initialization value
简单数据类型如此,对象或数组类型也是一样
只不过const保存的是指向对象或数组的指针,变量指向的是内存地址