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

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
发布了13 篇原创文章 · 获赞 6 · 访问量 311

猜你喜欢

转载自blog.csdn.net/qq_44624386/article/details/104457880