var与let、const的区别
1、var声明的变量会挂载在window上,而let和const声明的变量不会
2、var声明变量存在变量提升,let和const不存在变量提升
console.log(a); //undefined a已声明还没赋值,默认得到undefined值
var a = 10;
var b;
console.log(b); //undefined b已声明还没赋值,默认得到undefined值
console.log(c); //报错
let c = 5;
console.log(d); //报错
const d = 2;
3、var 不具备块级作用域,会造成变量穿透,let,const具有块级作用域(for,if都是),不会造成穿透
JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。
ECMAScript 6(简称ES6)中新增了块级作用域,使用let声明的变量只能在块级作用域里访问。
块作用域有 { } ,包括,if语句和for语句里面的{ }也属于块作用域。
if (1) {
var a = 10;
let b = 20;
const c = 30;
}
console.log(a); //输出10
console.log(b); //报错:b is not defined
console.log(c); //报错:c is not defined
4、同一作用域下,var可以重复声明,而let和const不能声明同名变量
报错:标识符“ b”已被声明
5、let,const会造成暂时性死区 (也就是说声明前不可使用)
6、const:一旦声明必须赋值,不能写成【const a】,但是【const a=null】是合法的,但赋值后其值不能修改。如果声明的是复合类型数据,可以修改其属性
const list = [];
list[0] = 10;
console.log(list); // [10]
const obj = { a: 100 };
obj.name = "apple";
obj.a = 10000;
console.log(obj); // {a:10000,name:'apple'}
记录:“在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了全局变量”
解释:在js中如果某个变量没有var声明,会自动往上一层作用域中去寻找这个变量的声明语句,如果上一层作用域中没找到,就会继续向上寻找,一直查找到全局作用域为止,如果全局中仍然没有这个变量的声明语句,那么自动在全局作用域进行声明,这个就
是js中的作用域链。