ES6学习笔记01-let和const

最新推荐文章于 2024-05-30 11:27:58 发布

doublewe

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量122

点赞数

分类专栏： ES6学习笔记文章标签： js javascript es6

本文链接：https://blog.csdn.net/qq_42062052/article/details/103956527

版权

ES6学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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.此时我们可以看到控制台：
在这里插入图片描述

没有发生越界的情况。

doublewe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6学习笔记01-let和const

1.创建一个空的静态web项目工程:新建一个hello.html文件2.我们平时使用js语言时候，如果用var定义变量，则会产生变量越界的情况，例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t...
复制链接

扫一扫