javaScript 中为什么 for循环使用let不报错，使用const 报错？

最新推荐文章于 2024-04-09 11:51:48 发布

Gudeki

最新推荐文章于 2024-04-09 11:51:48 发布

阅读量851

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Gudeki/article/details/111129579

版权

JS 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了JavaScript中在for循环中使用let和const声明变量时的区别。重点在于const声明的变量不允许重新赋值，这导致在循环中使用const会报错，而let则可以因每次迭代创建新的变量实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javaScript 中为什么 for循环使用let不报错，使用const 报错？

const 声明变量不复值会报错！

for 循环底层原理：
  <button>1</button>
  <button>2</button>
  <button>3</button>
    var btns = document.querySelectorAll('button')    
    for (let i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function () {
        // 之所以每次都能打印出对应的索引
        // 是因为 let 的 块级作用域
        // 在循环的过程中相当于有三个 {} 出现
        // 每一个 {} 里面有一个 let 定义的变量 i
        console.log(i)
      })
    }
      当循环开始的时候
      {
        let i
        i = 0
        0 < btns.length
        btns[0].addEventListener('click', function () { console.log(i) })
      }
      {
        let i
        i = 1
        1 < btns.length
        btns[1].addEventListener('click', function () { console.log(i) })
      }
      {
        let i
        i = 2
        2 < btns.length
        btns[2].addEventListener('click', function () { console.log(i) })
      }
      {
        let i
        i = 3
        0 < btns.length
        结束循环
      }