JavaScript之作用域

最新推荐文章于 2023-07-31 09:31:55 发布

极客研究者

最新推荐文章于 2023-07-31 09:31:55 发布

阅读量93

点赞数

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_34550459/article/details/105782242

版权

JavaScript 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

作用域：变量的作用范围
在JS中有两种作用域:
1.全局作用域:
直接编写在script标签里的代码,都在全局作用域里
在页面打开时创建,在页面关闭时销毁
在全局作用域中有一个全局对象,window
它代表的是一个浏览器对象,由浏览器创建我们可以直接使用

在全局作用域中:
创建的变量都会作为window对象的属性保存
定义的变量属于全局变量

2. 函数作用域:
调用函数时创建函数作用域,函数执行完毕以后,函数作用域被销毁。

定义在函数体的代码,都在局部作用域
在其中定义的变量,属于局部变量

在函数作用域中,可以访问到全局作用域的变量
在全局作用域中,无法访问到函数作用域中的变量

变量声明提前：
使用var定义的变量,会在所有的代码执行之前被声明(但是不会被赋值)–undefined
如果不用var关键字,则不会被提前声明

Demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JS中的作用域</title>
    <script>
    var num1=1500;//全局变量
    var num2=56565;
    console.log("num1:"+window.num1+"\tnum2:"+window.num2);

    console.log("result:"+result);
    var result=2000;

    var variable=0;
    function func(){
        // var variable=1005;//局部变量
        variable=1005;//全局变量(在函数体内不使用var定义的变量都会成为全局变量)
        console.log("value:"+variable);
    }

    func();//调用函数
    console.log("----------------------");
    //函数体内的局部变量,无法在全局作用域中获取
    console.log("variable:"+variable);
    </script>
</head>
<body>
    
</body>
</html>