------什么是作用域

最新推荐文章于 2024-07-25 14:02:05 发布

小番茄炒鸡蛋

最新推荐文章于 2024-07-25 14:02:05 发布

阅读量212

点赞数

文章标签： javascript 开发语言前端

本文链接：https://blog.csdn.net/LEP2969171141/article/details/127124222

版权

一：什么是作用域？

作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。
换句话说,作用域决定了代码中变量和其他资源的可见性。
函数有作用域，变量也有作用域

作用域就是一个独立的地盘,让变量不会外泄、暴露出去。
作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。
ES6之前JavaScript没有块级作用域,只有全局作用域和函数作用域。
ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。

二：函数的作用域

// 【局部变量/函数作用域】
// 声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到。
//最常见的例如函数内部,所以在一些地方也会看到有人把这种作用域称为函数作用域。

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

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

<body>
    <script>
        
        function outFun(){
            var a = '函数内部的变量';

            function innerFun() {
                console.log(a);//函数内部的变量

            }
            innerFun();
        }
       // console.log(a); //a is not defined 
        //innerFun;
         //innerFun is not defined
        outFun()
    </script>
</body>

</html>

三:全局作用域


        // 【全局作用域】
//在代码中任意地方都能访问到的对象拥有全局作用域。
//(即在全局作用域中定义的变量可以在任何地方使用。)
// 全局作用域在页面打开时创建,在页面关闭时销毁。

<!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>
</head>
<body>
    <script>

// 【情况一:所有未定义直接赋值的变量自动声明为拥有全局作用域】
function Fun1(){
    a ='未定义直接赋值的变量'; 
    var b ='内层变量'
}

Fun1();
console.log(a);//未定义直接赋值的变量 console.log(b); //b is not defined


// 【情况二:最外层函数和最外层函数外面定义的变量拥有全局作用域】 var A ='最外层变量';
//最外层变量
function outFun(){ //最外层函数
var B ='最外层函数的内层变量:
function innnerFun(){ //内层函数
var c = '内层函数的内部变量'}
}
console.log(A);//最外层变量
//console.log(B); //B is not defined outFun()
//innerfun() //innerfun is not defined//console.log(C); //c is not defined


// 【情况三:所有window对象的属性拥有全局变量】
// 在全局作用域中有一个全局对象window,他代表的浏览器的窗口，由浏览器创建。
// 一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location
    </script>
</body>

小番茄炒鸡蛋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
------什么是作用域

ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。ES6之前JavaScript没有块级作用域,只有全局作用域和函数作用域。作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。换句话说,作用域决定了代码中变量和其他资源的可见性。作用域就是一个独立的地盘,让变量不会外泄、暴露出去。函数有作用域，变量也有作用域。
复制链接

扫一扫