• ES6参考---let关键字


    ES6参考---let关键字

    一、总结

    一句话总结:

    let关键字是块级作用域,不会预处理, 不存在提升,let会取代var

    1、let关键字特点?

    a、块级作用域
    b、不能重复声明
    c、不会预处理, 不存在提升

    2、let的一个应用?

    循环遍历加监听:let是块级作用域,块中回调函数如果用到变量,变量就会随回调加到内存去
    let btns = document.getElementsByTagName('button');
    for(let i = 0;i<btns.length;i++){
        btns[i].onclick = function () {
            alert(i);
        }
    }

    二、let关键字

    博客对应课程的视频位置:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4   <meta charset="UTF-8">
     5   <title>01_let关键字</title>
     6 </head>
     7 <body>
     8 
     9 <button>测试1</button>
    10 <br>
    11 <button>测试2</button>
    12 <br>
    13 <button>测试3</button>
    14 <br>
    15 <!--
    16 ***let
    17 1. 作用:
    18   * 与var类似, 用于声明一个变量
    19 2. 特点:
    20   * 在块作用域内有效
    21   * 不能重复声明
    22   * 不会预处理, 不存在提升
    23 3. 应用:
    24   * 循环遍历加监听
    25   * 使用let取代var是趋势
    26 -->
    27 <script type="text/javascript">
    28     //console.log(age);// age is not defined
    29     let age = 12;
    30     //let age = 13;不能重复声明
    31     console.log(age);
    32     let btns = document.getElementsByTagName('button');
    33     for(let i = 0;i<btns.length;i++){
    34             btns[i].onclick = function () {
    35                 alert(i);
    36             }
    37     }
    38 
    39 </script>
    40 </body>
    41 
    42 </html>
     
  • 相关阅读:
    图片懒加载
    python打包后,运行exe程序,报错check_hostname requires server_hostname
    eggjs上传文件,并md5名称保存
    egg-static, 静态资源配置
    js时间转换
    egg中post请求报错invalid csrf token
    egg中sequelize,时区问题,开发时修改表结构
    ImageGrab.grab截图右下角是黑屏
    css 画三角形,悬浮提示
    python 相关
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12555915.html
Copyright © 2020-2023  润新知