JS预编译对象 AO对象与GO对象

待我称王封你为后i 2023-07-07 12:30 14阅读 0赞

### javascript中的构造函数对象 ###

JavaScript 是面向对象的语言，引用数据类型都是对象，包括函数也是对象，同时还可以通过 Object 对象自定义对象。但是，和其他面向对象语言（如 Java 等高级语言）比，也有很大差异，JS 中没有类或接口的概念，即不能直接定义抽象的类，也不能直接实现继承。不过，为了编程的方便，我们可以在 JS 中模拟类和继承的行为。创建对象实例或类（虽然没有类的概念，但是可以把用于创建新对象的对象看作类），可以通过构造函数来实现，构造函数就是具有一系列属性和行为作为函数体的函数，可以通过函数参数传入值。它就相当于 Java 中类的构造函数，需要时可以通过 var instanceObj = new ConstructorFunc(para1,para2,…) 来创建对象（实例）。JS 的对象中还有一个重要概念，即原型。每个对象都有原型，原型也是一个对象，可以看做是构造函数的映像，是创建实例的模型。对象（类）的属性 prototype 即是对原型对象的引用，创建实例后，也有属性 **proto** 指向原型对象，但该属性是隐含的。由于不断创造新对象（实例），一级一级的传递原型对象，即可构成原型链。通过原型链，即可实现继承。首先将父类对象的实例给子类的原型 ChildCons.prototype = new ParentCons()，再在子类构造函数中调用父类构造函数将继承的属性初始化。

函数声明与函数表达式
    函数声明：function fun(){}
    函数表达式：var fun1=function(){}
    
    在函数中有一些看不到的属性[[scope]] （作用域）
    作用域：	（1）：全局作用域
            （2）：函数作用域（局部作用域）

## js预编译GO 对象 ##

全局预编译：在逐行执行；语法检测之前

(全局)预编译分三个步骤：

1：生成GO对象 GO｛｝(global object) 这个GO就是window
    2: 将全局的变量声明（的名）储存一GO对象中，value为undefinde
    3: 将全局的函数声明的函数名作为go对象中的key,函数整体内容为value储存到go对象中

JS预编译——全局（在逐行执行；语法检测之前）（GO）

var a;
    	function fun(){
    
        }
        function abc(){
    
        }
        function a(){
    
        }
        console.log(a);
        var a = 100;
        console.log(a);

（1）会生成一个对象（GO），这个对象封装的就是作用域，称为GO（global object）。当全部挂载完成之后，然后代码在去逐行执行

GO={
    
                                            }

（2）分析变量声明（var）——变量作为GO对象的属性名，值为undefined

GO={
                                        a:undefined;
                                            }

（3）分析函数声明（function）——函数名作为GO对象的属性名，值为函数体（如果遇到同名，直接覆盖）

GO={
                                       a:undefined，
                                       fun：function fun(){}，
                                       abc:function abc(){}                                                                                                                       
    								  	 	}

（4）当走到某一行的时候；a产生了一次赋值；此时GO对象变成了：

GO={
                                     a:100,
                                     fun:function fun(){}
                                     abc:function;                      
    										}

（5）逐行执行（看着GO对象里面的执行）

输出结果：ƒ a() {}   	100

## js预编译AO 对象 ##

函数在每次运行时会重新创建函数内所有定义的变量,函数其实也是一种变量，因为它是变量名指向一个函数方法，所有的变量创建后加入到自身AO对象中，然后将在scope属性中加入自身AO对象。

什么是AO：  
是函数执行前的一瞬间，生成一个AO对象（在函数执行前的一瞬间会生成自己的AO，如果函数执行2次，生成了两次AO，这两次的AO是没有任何关联）

生成AO对象过程：
    （1）执行前的一瞬间，会生成一个AO（action object）对象
    （2）分析参数，形参作为AO对象的属性名，实参作为AO对象的属性值
    （3）分析var变量声明，变量名作为AO对象的属性名，值为undefined，如果遇到同名的，不去做任何改变
    （4）分析函数声明，函数名作为AO对象的属性名，值为函数体，如果遇到同名的，直接覆盖

JS预编译——执行前的一瞬间，会生成一个AO（action object）对象（AO）

var num = 100;
        function fun(num){
            console.log(num);
        }
        fun(5);

函数fun调用

1.调用前的一瞬间   生成fun.AO对象
                 AO = {}
                 2.分析参数
                 AO = {
                     num : 5
                 }
                 3.分析变量声明  没有略过
                 4.分析函数声明  没有略过
    
                 AO = {
                     num : 5
                 }

逐行执行（看着AO对象里面的执行）

输出结果： 5

特别强调：

AO与GO对象分辨的最简单的方法：调用函数后为AO,未调用函数为GO