前端---js（自学笔记12）（全局作用域、this）

迷南。 2023-02-23 08:12 2阅读 0赞

# 全局作用域： #

作用域：指一个变量的作用范围。

js中有俩种作用域：

1.  **全局作用域**：直接编写在script标签内部的js代码，都是在全局作用域。全局作用域在页面打开时创建，在关闭页面销毁。在全局作用域中，有一个全局对象window，它代表一个浏览器的窗口，它由浏览器创建，我们直接使用即可。在全局作用域中，创建的变量都会作为window对象的属性保存。创建的函数都会作为window的方法保存。在作用域中的变量都是全局变量，在页面任意部分都可以访问到。
    
    ** 变量的声明提前：**
    
    使用var来声明对象，会在代码执行前被声明（但是没有被赋值）。但是如果声明变量时，不适用var，则变量不会被声明提前。
    
    **函数的声明提前： **
    
    使用函数声明形式创建函数function 函数名（）\{ \}；他会在所有代码执行前被创建 ，所以我们可以在函数声明前调用。
    
        <!DOCTYPE html>
        <html>
        	<head>
        		<meta charset="UTF-8">
        		<title></title>
        		<script type="text/javascript">
        	    fun(); //可以提前访问
        	     function fun(){
        	     	alert("我是fun函数");
        	     	
        	     }
        	     var fun2 =function (){
        	     	alert("我是fun2函数");
        	     	
        	     }
        	     fun2();//不可以提前使用，否则报错
        		</script>
        	</head>
        	<body>
        	</body>
        </html>
    
     
2.  **函数(局部）作用域：**调用函数时创建的函数作用域，函数执行完毕以后，函数作用域销毁。每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的。在函数作用域中，可以访问到全局作用域的变量。在全局作用域中，无法访问到函数作用域的变量。

当函数作用域操作一个变量时，他会在自身作用域中寻找，如果有就直接使用。如果没有，则向上一级作用域中寻找，

直到找到全局作用域中。如果全局作用域中也没有，则会报错RefenenceError。在函数中访问全局变量，可以使用window           对象。

**        变量的声明提前：**

使用var来声明对象，会在代码执行前被声明（但是没有被赋值）。但是如果声明变量时，不适用var，则变量不会被声明提          前。

**        函数的声明提前： **

使用函数声明形式创建函数function 函数名（）\{ \}；他会在所有代码执行前被创建 ，所以我们可以在函数声明前调用。

只要不是用var关键字声明的，都是全局变量。

说出以下代码的执行结果：
    ========================
    var a= 123;
    function fun(){
            alert(a);
    }
    fun();
    结果：123
    =========================
    var a= 123;
    function fun(){
            alert(a);
            var a =456;
    }
    fun();
    alert(a);
    结果：undefined  123
    =========================
    var a= 123;
    function fun(){
            alert(a);
            a =456;
    }
    fun();
    alert(a);
    结果：  123   456
    =========================
    var a= 123;
    function fun(a){
            alert(a);
            a =456;
    }
    fun();
    alert(a);
    结果：undefined  123
    =========================
    var a= 123;
    function fun(a){
            alert(a);
            a =456;
    }
    fun(123);
    alert(a);
    结果：  123 123
    =========================

# js基础-----this： #

解析器在调用函数每次都会向函数内部传递一个隐含的参数，这个隐含参数就是---this。this指向的是一个对象，这个对象我们称为函数执行的上下文对象。根据函数调用的方式不同，this会指向不同的对象。

1.  以函数形式调用，this永远都是window。
2.  以方法形式调用，this调用方法的那个对象。