这篇文章是要和大家分享在JavaScript中var和let的区别是什么。边肖觉得挺实用的，分享给你学习。希望你看完这篇文章能有所收获。让我们和边肖一起看看。
前言：
Var是JavaScript第一次出现时就存在的变量声明关键字，而let是只出现在ES6中的变量声明关键字。毫无疑问，它们之间有很大的区别。那么具体有哪些区别呢？
00-1010VAR是功能范围，let是块级范围。
{
Varmonkey='熏悟空'；
Letpig='猪排盖'；
}
console . log(monkey)；//输出未定义
console . log(pig)；//错误：从上面的代码可以看出pigisnotdeined。由let声明的变量只在它们所在的代码块中有效，在代码块之外无效且不可访问，而由var声明的变量在代码块所在的函数范围内有效。
00-1010VAR声明的变量会被提升，但是let声明的变量不会被提升。
console . log(monkey)；//未定义
Varmonkey='熏悟空'；
console . log(pig)；//错误：pigisnotdefined
Letpig='猪排盖'；同样的逻辑，为什么var声明的变量在声明前被调用时会显示undefined，而let声明的变量在声明前被调用时会抛出异常？这就是他们在变量提升上的区别。var声明的变量有变量提升，let声明的变量没有变量提升。
那么什么叫变量提升呢，我这里不做概念性的描述，我只说我个人的理解，就是以上代码实际上相当于如下：
varmonkey
console . log(monkey)；//未定义
猴子=‘熏悟空’；
console . log(pig)；//错误：pigisnotdefined
Letpig='猪排盖'；看到区别了吗？var声明的变量会将声明的变量提取到定义范围的顶部而不赋值，赋值操作还在你的代码中，所以调用var声明的变量时，是一个已经声明但没有定义值的变量，所以调用结果是未定义的，称为变量提升。对于let定义的变量，没有这样的变量提升。
00-1010临时死区：如果让一个变量在某个范围内，如果外部范围内有同名的变量，即使在范围内改变，也不会影响外部范围。
具体表现如下：
for(vari=0；i5；I){ 0
setTimeout(函数(){ 0
console.log(i)
},1000)
}
for(leti=0；i5；I){ 0
setTimeout(函数(){ 0
console.log(i)
},1000)
}请问这两处代码的运行结果分别是什么？
第一次运行代码的结果是在1s后按顺序打印五个5s；第二个代码的结果是在1s后按顺序打印0，1，2，3，4。
请问为什么会存在这种区别？
因为第一个代码的变量I是用var关键字声明的，所以不存在临界死区，也就是你在1s后的setTimeout中访问的变量I就是for循环在全局上下文中运行后的那个，所以打印出来的结果都是5；
另一方面，第二个代码的变量I由let关键字声明，导致了一个临界死区。setTimeout中的变量I是您当时存储它时I的值。此存储间隔中的I不会改变，因为外部有相同的变量I，并且为其分配了不同的值。它仍然是以前存储的值。这是临时死区的表现，也是第二次代码运行后依次打印0，1，2，3，4的原因。
1.作用域表现形式不同
letmonkey=='熏悟空'；
Letmonkey='逼马亲'；//错误：已声明标识符“a”
Varpig='猪排盖'；
Varpig='猪肛裂'；//正常访问，变量pig的值被替换。以上就是JavaScript中var和let的区别。边肖认为，一些知识点可能会在我们的日常工作中看到或使用。我希望你能通过这篇文章学到更多的知识。更多详情请关注行业信息渠道。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/137938.html