脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → JavaScript中let,const ,var 的区别

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 
            })
        }

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!

您可能感兴趣的文章:

相关文章

  • 微信小程序之picker日期和时间选择器

    微信小程序之picker日期和时间选择器

    本篇文章主要介绍了微信小程序之picker选择器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 微信小程序通过api接口将json数据展现到小程序示例

    微信小程序通过api接口将json数据展现到小程序示例

    这篇文章主要介绍了微信小程序通过api接口将json数据展现到小程序示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • JS前端使用canvas搞一个手势识别

    JS前端使用canvas搞一个手势识别

    这篇文章主要为大家介绍了JS前端使用canvas搞一个手势识别的实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-08-08
  • 微信小程序 小程序制作及动画（animation样式）详解

    微信小程序 小程序制作及动画（animation样式）详解

    这篇文章主要介绍了微信小程序 小程序制作及动画详解的相关资料,这里对小程序制作进行了详解，介绍动画部分的知识，需要的朋友可以参考下
    2017-01-01
  • 微信小程序 video详解及简单实例

    微信小程序 video详解及简单实例

    这篇文章主要介绍了微信小程序 video详解及简单实例的相关资料,需要的朋友可以参考下
    2017-01-01
  • Express框架两个内置中间件方法详解

    Express框架两个内置中间件方法详解

    这篇文章主要为大家介绍了Express框架两个内置中间件方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-03-03
  • 详解微信小程序 相对定位和绝对定位

    详解微信小程序 相对定位和绝对定位

    这篇文章主要介绍了详解微信小程序 相对定位和绝对定位的相关资料,需要的朋友可以参考下
    2017-05-05
  • VSCode多行注释插件KoroFileHeader使用示例

    VSCode多行注释插件KoroFileHeader使用示例

    这篇文章主要为大家介绍了VSCode多行注释插件KoroFileHeader使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-03-03
  • 微信小程序 input输入及动态设置按钮的实现

    微信小程序 input输入及动态设置按钮的实现

    这篇文章主要介绍了微信小程序 input输入及动态设置按钮的实现的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
    2017-10-10
  • JavaScript的单线程和异步详细

    JavaScript的单线程和异步详细

    这篇文章要给大家分享的是JavaScript的单线程和异步，其实单线程和异步确实不能同时成为一个语言的特性，js选择了成为单线程的语言，所以它本身不可能是异步的，但js宿主环境是多线程，宿主环境通过某种方式使js具备了异步属性，下面就来具体介绍,需要的朋友可以参考一下
    2021-10-10

最新评论