真正的理解var,let,const

本文转载于loving-cat的博客，
原文链接：https://blog.csdn.net/weixin_42878211/article/details/105325942

js中存在三种声明变量的方式 var let const，但是他们之间的区别很多却分不清

var

1. var只有函数作用域，没有块作用域，可以声明全局/局部变量（在一共函数内声明的变量，只在该函数有效）
2. var定义的变量不能跨函数访问，但是可以跨块访问！
3. var 定义的变量如果不初始化会输出undefined，但不会报错
4. 可以重复定义，后定义的会覆盖先定义的

var aaa;
console.log(aaa);   //会输出undefined，并不会报错
//-----------------------------------------
var a = 1;   //全局变量
console.log("全局变量a："+a);    //全局变量a： 1

function A(){
    a=2;
    console.log("局部变量a:"+a);  //局部变量a: 2
    
}
A();
console.log("调用A函数，a变为函数A内部修改的值："+a);   //调用A函数，a变为函数A内部修改的值：2
//---------------------------------------------
var b=1;
var b=2;
console.log(b);  //2,后面的声明覆盖了前面的声明

let

1. let是块级作用域，函数内部使用let定义后，对函数外部无影响
2. let定义的变量只能在块作用域中访问，不能跨块访问，更不能跨函数访问
3. 不能变量声明提前，否则会报错
4. 不能重复定义，否则会报错

let a =1;
console.log("全局变量a："+a); // 1
function A(){
    let a = 2;
    console.log("函数内部定义a："+a);  //2
}
A();
console.log("A()函数调用后，let定义的a值在函数内部修改"+a);  //1  并不能访问到
//---2-----
var b=1;
{
    let b=2;
    console.log(b);  //  2
}
console.log(b);   //1

//---3------
console.log(aaa);
let aaa=1;   
//会进行报错，不能变量声明提前
//----4-------
let p = 1;
let p = 2;
console.log(p);  //重复定义，会报错

for循环里面有定时器时，需要注意** var 和 let **的使用

for(var i = 0;i<5;i++){
    setTimeout(function(){
        console.log(i)
    },500)
}
// 5 5 5 5 5 ,因为var会变量提升，for循环5次后 i已经是5，再执行异步定时器，此时定时器中的i只能找到5
for(let i = 0;i<5;i++){
    setTimeout(function(){
        console.log(i)
    },500)
}
// 0 1 2 3 4，因为let是块级作用域，声明只能在自己块内，相当于每一次循环都要给i赋值

const

1. const 定义的变量不可以修改，并且必须进行初始化
2. const一般用来声明常量，并且声明的常量不允许改变的，(只读属性)，因此必须在声明的同时进行赋值
3. const也是块级作用域，与let相同，只能在块作用域里访问，存在暂时性死区，不存在变量声明提前，不允许重复定义

const a =1;   //正确
console.log(a--) //报错
console.log(a-1) //正确 0
const b;   //报错
//-----------------
const c=1;
const c=1;
//重复定义会报错
let a;
console.log(a)  //undefinde
a = 2;
a = 3;
console.log(a) //3 
//let是可以只声明，先不赋值，而且可以修改的

const定义的常量不允许改变，使用运算符时需要注意，++ ，-- 都不行，因为一个时自增，一个时自减，自身会变化