ES6学习笔记01-let和const_const html =-优快云博客

本文通过对比var与let、const在JS中的变量作用域特性，详细解析了变量越界的问题，并演示了如何使用let和const避免此问题，以提高代码质量和可维护性。

1.创建一个空的静态web项目工程:

新建一个hello.html文件

2.我们平时使用js语言时候，如果用var定义变量，则会产生变量越界的情况，例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        for(var i=0;i<5;i++){    //定义一个for循环
            console.log(i);
            var j = 111;
        }
        console.log("我在循环体外："+i);
        console.log("我是常量j："+j);

    </script>
</head>
<body>

</body>
</html>

此时的i和j理论上应该是属于局部变量和常量，我们运行一下看看。

3.运行代码：
在这里插入图片描述

我们可以在控制台看到，i和j都越界了。所以我们平时应该使用let和const。

4.声明变量let和声明常量const:

我们将代码改为如下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        for(let i=0;i<5;i++){    //定义一个for循环
            console.log(i);
            const j = 111;
        }
        console.log("我在循环体外："+i);
        console.log("我是常量j："+j);

    </script>
</head>
<body>

</body>
</html>

5.此时我们可以看到控制台：
在这里插入图片描述