js三大变量var和let和const的区别

1.var声明的变量会挂在window上
var a= 10
console.log(a,window.a) //10 10

let a = 10
console.log(a,window.a) //10 undefined

const a = 10;
console.log(a,window.a); // 10 undefined

2.var存在变量提升
console.log(a) // 10
var a = 10;

console.log(a) // a is not defined
let a = 10
const a =10

3.let和const可以形成块级作用域
if(1){
var a = 10;
let b = 100
const c = 1000
}
console.log(a) // 10
console.log(b) // b is not defined
console.log© // c is not defined

4.同一个作用域下let和const不能声明同名变量 var可以
var a = 10；
console.log(a) // 10

var a = 100
console.log(a) // 100

let a = 10;
let a = 100;
console.log(a) Identifier ‘a’ has already been declared 标识符a已经被声明了

5.暂存死区
var a = 100；
if（1）{
a = 10
//在当前作用域存在a使用let/const声明的情况下，给a赋值10，只会在当前作用域中查找a，还没有声明a的时候，控制台输出 a is not defined
let a = 1
}
6 .const 一旦被声明，必须赋值，且不能使用null占位，声明后还不能修改，如果声明的是复合类型，可以修改属性

const a = 100;
const list = [];
list[0] = 10;
console.log(list) //10

const obj = {a :100}
obj.name = ‘apple’
obj.a = 1000;
console.log(obj) // {a:1000,name:‘apple’}