美文网首页
vue.js let与for的用法

vue.js let与for的用法

作者: 阿飞666666 | 来源:发表于2020-05-27 09:58 被阅读0次

    (一)块级作用域
    1.let声明的变量拥有块级作用域,块级作用域是一对大括号
    2.块级作用域可以直接写一对大括号,以后就不用写执行函数了
    3. var与for循环
    4.let与for的循环

      <!DOCTYPE html>
    
         <html>
    
    <head>
    
        <meta charset="utf-8">
    
        <title></title>
    
        <style type="text/css">
    
        li{
            background: red;
            color: white;
            font-size: 20px;
            margin: 10px;
                }
            
        </style>
    </head>
    <body>
        <ul>
            <li>red</li>
            <li>blue</li>
            <li>green</li>
            <li>yellow</li>
            
        </ul>
        <script>
            // //1.块级作用域
            // function fa(){
            //  let a =15
            //  console.log(a)
            // }
            // fa()
            // console.log(a) //underfider
            
            //2.var与for循环
            // var lis = document.querySelectorAll('li')
            // for (var i=0; i<lis.length; i++){
            //  lis[i].onclick = function(){
            //      alert(i)
            //  }
            // } //打印都是4
            //3.let与for循环
            var lis = document.querySelectorAll('li')
            for (let i=0; i<lis.length; i++){
                lis[i].onclick = function(){
                    alert(i)
                    
            }
            }
        </script>
    </body>
    
      </html>
    

    参考资料:https://www.51zxw.com/

    相关文章

      网友评论

          本文标题:vue.js let与for的用法

          本文链接:https://www.haomeiwen.com/subject/nrwiahtx.html