js中var,let,const的区别及相关面试题讲解

function test(){
  var a='hi' //局部变量
}
test()
console.log(a)//报错

//如果省略操作符 
function test(){
  a='hi' //全局变量
}
test() 
console.log(a) //'hi' 
//去掉var操作符之后,就变成了全局变量,只要调用一次test(),就会定义这个变量,并且可以在函数外部访不  
//推荐这样做,容易造成混乱

function test(){
  console.log(a)
  var a='hi'
}
test() // undefined 

//等价于下列代码 
function test(){
  var a; 
  console.log(a)
  a='hi'
}

//声明同一个变量
function foo(){
  var a=10;
  var a=20;
  var a=30;
  console.log(a); 
}
foo(); //30

//var 没有块作用域   块作用域是是函数作用域的子集 因此let也没有函数作用域
if(true){
 var name='matt'; 
 let age=26;
 console.log(name); //matt
 console.log(age); //26
}
console.log(name); //matt 
console.log(age); //age没有定义 

var name; 
var name; 

let age;
let age; // age已经声明过了


//不在同一个块中可以重复声明 
let age=30;
console.log(age); //30
if(true){
 let age=26;
 console.log(age); //26
}

//在同一作用域内，不能混用 var 和 let 声明同名变量，否则会抛出 SyntaxError。

var name;
let name;//SyntaxError 

let age； 
var age； //SyntaxError

// var 会提升
console.log(name); //undefined 
var name='Matt'

//let 不会提升.
console.log(age)// age没有定义
let age=16; 
在let声明之前的执行瞬间被称为"暂时性死区"

var name='matt'
console.log(window.name); //matt 

let age=26
console.log(window.age); //undefined 

for(var i=0;i<5;++i){
  //循环逻辑
}
console.log(i); //5

//改成使用let之后,这个问题就消失了,因为迭代变量的作用域仅限于for循环内部;
for(let i=0;i<5;++i){
 //循环
}
console.log(i); //没有定义

for(var i=0;i<5;i++){
  setTimeout(()=>console.log(i),1000)
}
//你可能会以为输出0,1,2,3,4
//实际会输出5,5,5,5,5

for(let j=0;j<5;j++){
  setTimeout(()=>{
    console.log('j',j) //1 2 3 4 5
  })
}

const age=26;
age=36; //TypeError: 给常量赋值 

const person={ }
person.name='Matt'; //ok 

for (const i=0; i<10;++i)() //TypeError: 给常量赋值