【脚本作用域】JavaScript高级

阿山同学.

已于 2022-04-27 14:26:42 修改

阅读量152

点赞数

分类专栏： JavaScript青春版文章标签：后端前端 javascript

于 2022-04-27 14:14:04 首次发布

本文链接：https://blog.csdn.net/weixin_50112395/article/details/124449851

版权

JavaScript青春版专栏收录该内容

20 篇文章 0 订阅

订阅专栏

脚本作用域

由于var在script中声明变量，自动传现在window对象里二window对象是浏览器提供的用于存储，系统的方法，的对象

把自定义的变量存储在window中，会造成全局污染，所以从2015年开始的第六个版本，称为ES6提供了新的脚本作用域，专门存储，自定义的，变量

写入如下代码，运行如图：

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>

<body>
    <!-- 由于var在script中声明变量，自动传现在window对象里二window对象是浏览器提供的用于存储，系统的方法，的对象 -->
    <!-- 把自定义的变量存储在window中，会造成全局污染，所以从2017年开始的第六个版本，称为ES6提供了新的脚本作用域，专门存储，自定义的，变量 -->
    <script type="text/javascript">
        var aa = "aaa"
            // let/const :Es6中提供的声明变量的关键词
            // 在script中声明变量，存储在script对象里而非window
            // 便面全局污染
        let bb = "bbb"
            // 取舍
            // 理论上：推荐用let/const代替var--就特性，被淘汰！
            // 实际上：为了兼容性的考虑，对于2015年之前的浏览器如ie8——有些政府项目中考虑兼容性所以就有var
        console.log("----")
    </script>
</body>

</html>

运行查看如图