let 和 const 是什么 

  • var 声明变量。
  • let 代替 var，声明变量。
  • const 声明常量。

let 和 const 的用法

什么是变量，什么是常量

  • var、let声明的就是变量，变量一旦初始化之后，还可以重新赋值。
  • const 声明的就是常量，常量一旦初始化，就不能重新赋值了，否则就会报错。

为什么需要 const

  • const 就是为了那些一旦初始化就不希望重新赋值的情况设计的。

const 的注意事项

  • 使用 const 声明常量，一旦声明，就必须立即初始化，不能留到以后赋值。

  •  const 声明的常量，允许在不重新赋值的情况下修改它的值（只适用于引用数据类型）。

什么时候用 const，什么时候用 let

  • 在不确定该使用 const 还是 let 的时候，可以暂时先统一使用const进行常量的声明，这样即使后续需要修改，也可以通过报错信息确定其位置再将const更改为let即可。

let、 const 与 var 的区别

1.重复声明

  • 已经存在的变量或常量，又声明了一遍。
  • var 允许重复声明，let、const 不允许。
  • 只要是已经声明过的变量或常量（不论是用什么方式声明的），let、const 都不能再次声明。

2.变量提升

  • var 会提升变量的声明到当前作用域的顶部。

  • let、const 不存在变量提升。

3.暂时性死区

  • let、const 存在暂时性死区。
  • 只要作用域内存在 let、const，它们所声明的变量或常量就自动“绑定”这个区域，不再受到外部作用域的影响。

4.window 对象的属性和方法

  • 全局作用域中，var 声明的变量和通过 function 声明的函数，会自动变成 window 对象的属性或方法。

  • let、const 则不会。

5.块级作用域

  • 什么是块级作用域？

  • var 没有块级作用域。

  • let/const 有块级作用域。

  • 有哪些块级作用域？

                        {}， for(){}， while(){}， do{}while()， if(){}， switch(){}。

let 和 const 的应用

  • 点击按钮，控制台输出按钮上对应的数字。

1.若不使用let 和 const，而是使用原始的var。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>let 和 const 的应用</title>
    <style>
        body {
            padding: 50px 0 0 150px;
        }
        
        .btn {
            width: 100px;
            height: 100px;
            margin-right: 20px;
            font-size: 80px;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <button class="btn">0</button>
    <button class="btn">1</button>
    <button class="btn">2</button>

    <script>
        // 1.var+闭包
        var btns = document.querySelectorAll('.btn');

        for (var i = 0; i < btns.length; i++) {
            (function(index) {
                btns[index].addEventListener(
                    'click',
                    function() {
                        console.log(index);
                    },
                    false
                );
            })(i)
        }
    </script>
</body>

</html>

2.let/const 不用使用闭包

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>let 和 const 的应用</title>
    <style>
        body {
            padding: 50px 0 0 150px;
        }
        
        .btn {
            width: 100px;
            height: 100px;
            margin-right: 20px;
            font-size: 80px;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <button class="btn">0</button>
    <button class="btn">1</button>
    <button class="btn">2</button>

    <script>
        // 3.let/const 不用使用闭包，因为let/const本生就是块级作用域
        let btns = document.querySelectorAll('.btn');

        for (let i = 0; i < btns.length; i++) {
            btns[i].addEventListener(
                'click',
                function() {
                    console.log(i);
                },
                false
            );
        }
    </script>
</body>

</html>
# css # html5 # html
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区