前言：本博客系列为学习后盾人js教程过程中的记录与产出，如果对你有帮助，欢迎关注，点赞，分享。不足之处也欢迎指正，作者会积极思考与改正。
总述
js中有三种声明变量的方法：var，let，const。他们各自有各自的有特点。
| 声明格式 | 声明 | 变量提升 | 作用域 | 是否存在于windows对象中 |
|---|---|---|---|---|
| var a="abc"; | 变量 | 是 | 全局或者函数内部 | 是 |
| let b="abc"; | 变量 | 否 | 块区域以及向下兼容或者函数内部 | 否 |
| const c="anc"; | 常量（但引用类型依然可可变） | 否 | 块区域以及向下兼容或者函数内部 | 否 |
案列
实践出真知
-
变量提升
所谓变量提升是指：在执行js代码时，编译器会预先将声明变量的语句执行（与let，const的区别）//案列一： a="123";//此处不会报错，因为编译器会先执行var a语句，再执行此句 var a; console.log(a);//123 b="123";//此处会报错，因为初始化前无法访问“b” let b; console.log(b);//123 c="123"; const c;//此处会报错，因为常量声明中缺少初始值设定项 console.log(c);//123 //案例二：if（false）里面的var语句也会执行 var a = "1"; function hd() {//此处会先执行if内部的var a if (false) { var a = "0"; } console.log(a);//输出undefine } hd(); let a = "1";//向下兼容的块作用域 function hd() {//不会先执行if内部的let a if (false) { let a = "0"; } console.log(a);//输出1 } hd(); const a = "1"; function hd() {//不会先执行if内部的const a if (false) { const a = "0"; } console.log(a);//输出1 } hd(); -
作用域：var存在于最近函数或者全局作用域中（没有块作用域）
//案列一：正常语句中（与let，const的区别） var i=-1; for(var i=0;i<4;i++){ } console.log(i);//此处会打印4 因为var定义的变量具有全局作用域 let i=-1; for(let i=0;i<4;i++){//此处的let只会作用在{}块域内 } console.log(i);//此处会打印-1 因为let定义的变量具有块作用域 const a=-1; for(let i=0;i<4;i++){ const a=1;//此处的const只会作用在{}块域内 } console.log(a);//此处会打印-1 //案列二：函数内部（let，const都是这样） var a=1; function test(){ var a=2; console.log(a);//函数内部打印2；在方法内部全局作用 } test(); console.log(a);//依然打印1 函数内部不影响外部 let a=1; function test(){ let a=2; console.log(a);//函数内部打印2；在方法内部全局作用 } test(); console.log(a);//依然打印1 函数内部不影响外部 const a=1; function test(){ const a=2; console.log(a);//函数内部打印2；在方法内部全局作用 } test(); console.log(a);//依然打印1 函数内部不影响外部 -
var的全局变量会存储在windows对象中（与let，const的区别）
var a=1; console.log(window.a);//输出1 let a=1; console.log(window.a);//输出undefined const a=1; console.log(window.a);//输出undefined -
const定义常量 但注意当为引用类型时依然可以改变
const a=1; a=2;//报错，不可重复赋值 const a=[1,2,3]; a[1]=1; console.log(a);//输出[1,2,3]，可用freeze方法冻结
尾记：
有任何问题，欢迎私聊哟~~~
