let const var 的详细用法以及它们的区别

引言

相信在学习 es5+的小伙伴都遇到过let和const，你可能只知道它们是用来定义变量和常量的，但是它们还有其他和优秀的特性，了解它们后，你将不再使用var，这篇文章就是带你深入的了解它们。

var声明方式的缺陷

let 和 const 解决了var 声明所有不合理的地方，var声明不合理的地方：
1.同一变量可以重复声明。
2.能在变量被声明前使用该变量（变量提升）。
3.声明的变量会作为 window的属性（造成全局污染），存在异步时，可能造成其他不符合人逻辑思维的问题。

下面来看看let和const的特性及使用，你就知道他们是如何解决以上问题的

let 和 const 声明的特性

有自己的作用域，意思是结合代码块可以产生新作用域

function fun(){ var a,b }
//以上声明方式等同于下
{let a,b}

该特性在遍历中的使用，如同闭包的外部函数，看以下示例

for(var i=0;i<5;i++){
    setTimeout(() => {
     console.log(i);
    }, 1000);
}
//结果 5 5 5 5 5

for(let i=0;i<5;i++){       
    setTimeout(() => {
        console.log(i);
    }, 1000);
}
//结果 0,1,2,3,4

在同一作用域，let或者const声明过的变量，不能存在同名声明

let i=1
let i=0  //这里会直接报错

var j=0
let j=1  //这里同样也会报错

该声明方式不存在变量提升

 console.log(j);  //undefine
 var j=2  

 console.log(i); //报错
 const i=0

不会作为window的属性

var a=1
const b=2
console.log(window.a)  //1
console.log(window.b)  //undefined

结尾

看完这篇文章后，你肯定对let、const 和var有了更深的了解。希望这篇文章能够给你带来帮助，最后感谢您的观看。如果有一些问题和疑惑，欢迎提出和分享。