美文网首页
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的用法

    (一)块级作用域1.let声明的变量拥有块级作用域,块级作用域是一对大括号2.块级作用域可以直接写一对大括号,以后...

  • ES6 笔记(未完)

    一. let 和 const 1 let 基本用法 ES6新增let命令,与var用法类似,但所声明的变量只在声明...

  • 第1章 let和const命令

    基本用法 es6新增了let和const命令。let用于声明变量,用法与var类似,不过let命令声明的变量只作用...

  • let与const

    let用法 ES6新增了let命令,用法与var类似,主要用于声明变量,且逐渐代替var,与var的区别为,其声明...

  • ES6----let and const

    1、let基本用法 let的用法与var基本类似,用来声明变量,但是let声明的变量只在当前所在的代码块内有效。我...

  • 关于ES6的let命令

    1、let的基本用法以及let和var的区别 (1) let与var一样是用来声明变量的,与var的区别是let所...

  • let & const

    let & const let 基本用法: 用来声明变量类似与 var 但是声明的变量只在 let所在的代码块内有...

  • 深入理解 ES6

    let && const let与var的声明用法相同,但是多了一个临时死区(Temporal Distonrti...

  • 阮一峰es6第二章读书笔记-let和const命令

    1. let命令 基本用法 作用:用来声明变量 与var区别:let声明的变量的有效范围是let命令所在的代码块,...

  • Swift学习笔记(简单分支和三目写法)

    分支 if let /var 和 guard let / var 的用法 三目 问号操作符的用法

网友评论

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

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