【块级作用域】JavaScript高级

最新推荐文章于 2024-08-05 22:43:05 发布

阿山同学.

最新推荐文章于 2024-08-05 22:43:05 发布

阅读量81

点赞数

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

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

版权

JavaScript青春版专栏收录该内容

20 篇文章 0 订阅

订阅专栏

由ES6中提供的作用域类似于局部作用域，
使用大括号{}配合let/const使用,就会产生独立的块级作用域对象
但是var对块级无效，仍然还是在全局之中

<!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>块级作用域</title>
    <style>

    </style>
</head>

<body>
    <script>
        // 由ES6中提供的作用域类似于局部作用域，
        // 使用大括号{}配合let/const使用,就会产生独立的块级作用域对象
        // 但是var对块级无效，仍然还是在全局之中

        // 代码中：if for while switch 等等右大括号：{} ，会产生块级
        {
            let a = 5
            const b = 6
            var c = 7
            console.log('-----')
        }


        // =========================分割==========================//
        function d() {
            // 函数的{大括号} 不会产生块
            // 依然是函数作用域
            let aa = 100
            console.log(aa)
        }


        {
            let abc
            console.log(abc)
                // 依旧形成作用域
        }
    </script>
</body>

</html>