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