千家信息网

JavaScript ES6语法中let,const ,var的区别是什么

发表于:2024-11-17 作者:千家信息网编辑
千家信息网最后更新 2024年11月17日,JavaScript ES6语法中let,const ,var的区别是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。一、变量声明的方
千家信息网最后更新 2024年11月17日JavaScript ES6语法中let,const ,var的区别是什么

JavaScript ES6语法中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             })        }

看完上述内容,你们掌握JavaScript ES6语法中let,const ,var的区别是什么的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

0