js.pptVIP

js面向对象基础多多社区js结构与使用 Javascript面向对象 创建对象（js的类） 1.工厂模式 2.构造函数模式 3.原型模式 4.组合构造函数模式和原型模式（推荐） 工厂模式 工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类 function factoryFun(name,job,age){ var o=new object(); =name; o.job=job; o.age=age; o. introduce=function(){ } return o; } var product = factoryFun (“yang”,”BS”,”26”); Product. Introduce(); 什么时候使用该模式？ 需要依赖具体环境创建不同实例 处理大量具有相同属性的小对象 构造函数模式 构造函数用于创建特定类型的对象 function constructedFun (name,job,age){ =name; this.job=job; this.age=age; this. introduce=function(){ } } var product = new constructedFun (“yang”,”BS”,”26”); Product. introduce(); 构造函数也是函数，不存在定义构造函数的特殊语法。其实，任何函数，通过new来调用，就可以作为构造函数(比如new Array()等) 构造函数的主要问题 使用继承很麻烦 每次创建对象的时候都重新定义构造函数中的方法 原型模式 我们建立的每个函数都有一个prototype（原型）属性，包含可以由特定类型的所有实例共享的属性和方法 function prototypeFun(){ } prototypeF=“yang”; prototypeFtotype.job=“BS”; prototypeFtotype.age=“26”; prototypeFtotype. Introduce=function(){ } var product = new prototypeFun(); Product. introduce(); 原型中的属性和方法是由所有实例共享 原型模式的缺点 不能为构造函数传递初始化参数，所有实例默认情况下都取得相同的属性值 属性值为数组时，修改属性值（向属性值的数组中加入值等）。会使所有实例的该属性都被修改 组合使用构造函数模式和原型模式 构造函数模式用于定义实例属性，原型模式用于定义方法和公共属性。 function personFun(name,job,age){ =name; this.job=job; this.age=age; } personFtotype. Introduce=function(){ } var product = new prototypeFun(); Product. introduce(); 这是用来定义引用类型的一种默认模式 继承 1.原型炼 2.借用构造函数继承 3.组合继承 原型链继承 利用原型让一个引用类型继承另一个引用类型的属性和方法 function superType(){ Super=true; } superTtotype.getSuperType=function(){ return this. proSuper; } function subType(){ Sub=false; } subTtotype=new superType(); var instance=new subType(); instance. getSuperType() ?true 借用构造函数继承 在子类型构造函数的内部调用超类型构造函数 function superType(){ =[“yang”,”wang”]; } function subType(){ superType.call(this); } 需要用到call或apply 存在问题？同面向对象中的构造函数模式相同，方法只能定义在构造函数中 组合继承 原型链继承继承方法，构造函数继承继承属性 function superType(name){ =name; } superTtotype.getSuperType=function(){ return this. name; } function subType(name,age){ this.age=age; superType.call(this,name); } subTtotype=new superType(“yang”,26); var instance=new subType(