JavaScript ES6语法中let,const ,var 的区别
更新时间：2022年01月10日 08:37:08 作者：小高今天早睡了吗？
这篇文章主要为大家介绍了JavaScript中let,const ,var 的区别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
一、变量声明的方式let / const
let / const 共同点1.都是块级作用域
2.在同一个作用域下,变量名不允许重复
3.他们声明的全局变量并没有挂在 window对象上
4.都没有预编译
let / const 不同点1.let 声明的变量值可以改变
2.const 声明的变量值不能改变,必须声明后立即赋值 (如：const a = 3.14;)
3.const 存引用数据类型时，内容可以发生改变(地址不能改变)
优先考虑使用const , 如果变量会发生改变，就使用let , 最后使用var
for循环中 var 和 let 的区别
var： 变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变 ，而循环内被赋给计时器内部的函数console.log(i) 里面的i指向的就是全局的i。计时器是异步的，for循环结束后才执行。
for(var i = 1 ; i < 10 ; i++){
setTimeout(function () {
console.log(i); // 输出为 9 个 10
})
}
let：变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是 1 2 3 4 5 6 7 8 9 10 。因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量 i 时，就在上一轮循环的基础上进行计算。
for(let i = 0 ; i < 10 ; i++){
setTimeout(function () {
console.log(i); // 0 1 2 3 4 5 6 7 8 9
})
}
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
这篇文章主要介绍了在js中修改html body的样式，下面文章围绕js修改html 和body样式的相关资料展开详细内容,需要的朋友可以参考一下，希望对大家有所帮助2021-11-11
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
jquery.fullsearch.js是一款基于Bootstrap文字搜索插件，可以帮助您快速搜索到当前页面所包含的指定文字，并定位到所在位置2020-02-02
这篇文章主要为大家介绍了JavaScript全解析之DOM操作及获取元素的方法全面解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要为大家介绍了Hardhat进行合约测试环境准备及方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了微信小程序 瘦身技巧与方法详解的相关资料,现在微信小程序 提交代码只有1M大小的限制，这就对开发者提出难题了，这里提供了相关方法技巧，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了微信小程序 数组（增，删，改，查）等操作实例详解的相关资料,这里对小程序的数组进行操作，简单实例，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了Javascript 解构赋值详情，解构赋值是ES6中的特性，可以将对象或数组中的值同时赋值给多个变量。西阿棉一起来看看详细内容吧,需要的朋友可以参考下2021-11-11
这篇文章主要为大家介绍了JS前端操作 Cookie源码示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
编写微信小程序时，用到 wx.uploadFile，用来上传图片＋文本信息，本篇文章主要介绍了微信小程序 wx.uploadFile 的编码坑，有兴趣的可以了解一下。2017-01-01
JS代码的格式化和压缩...2006-06-06
最新评论