zoukankan      html  css  js  c++  java
  • 1.1块级作用域

    <body>
        <button>第1个按钮</button>
        <button>第2个按钮</button>
        <button>第3个按钮</button>
        <button>第4个按钮</button>
        <button>第5个按钮</button>
        <script>
            // 在ES5之前  var没有块级作用域  比如(for/if) 只有借助function  函数才有块级作用域
            // 在ES6中  加入了let关键字  有(if/for)的块级作用域
            // var btns = document.querySelectorAll('button');
            // for (var i = 0; i < btns.length; i++) {
            //     btns[i].addEventListener('click', function() {
            //         alert('第' + i + '个被点击了') // 无论点击哪一个按钮都是第5个被点击了 因为在ES5之前  var没有块级作用域  比如(for/if)
            //     })
            // }
            const btns = document.querySelectorAll('button');
            for (let i = 0; i < btns.length; i++) {
                btns[i].addEventListener('click', function() {
                    alert("第" + (i + 1) + '个被点击了')
                })
            }
        </script>
    </body>
  • 相关阅读:
    CPU运行原理
    ucore代码分析
    ThreadLocal是否会导致内存泄露
    2018 多校联合训练 4
    2018 多校联合训练 3
    2018 牛客多校 4
    2018 牛客多校 3
    2018 牛客多校 2
    2018 牛客多校 1
    2018 多校联合训练 2
  • 原文地址:https://www.cnblogs.com/yanglaxue/p/14206876.html
Copyright © 2011-2022 走看看