JS实例化对象的各种问题与解决方法.docVIP

本文档包含目录： 一、创建对象的方法（2种直接创建+构造函数创建对象） 二、解决构造的“方法复制”导致的资源浪费问题。 产生新问题：全局方法只能用于该类（人可用，鸟不可用）；多个全局方法，鸟使用则不完美 三、JS提供原型模式解决全局方法只能被一个类使用的问题 四、原型模式带来的问题：所有对象实例获取相同属性值，对象实例对引用型属性的修改会导致父类原型也发生改变 五、解决原型模式的问题：原型模式与构造函数模式的结合 一、创建对象的方法（2种直接创建+构造函数创建对象） /* 面向对象语言中离不开类的概念，通过类可以创建任意多个具有相同属性和方法的对象。但是JS中没有类的概念，（JS对象的概念和PHP对象有很大不同） 对象中有属性和方法两个概念： 人有名字属性，有说话走路的功能，就是方法。 */ //创建对象/实例化一个对象的基本方法有两种 //方法1: var person1=new Object(); person1.name=张三; person1.age=20; person1.say=function(){ document.writeln(我是说话的方法); } document.writeln(person1.name); //方法2： var person2={ name:李四, age:18, say:function(){ document.writeln(我是person2的方法); } } document.write(person2.name); /*方法3：构造函数模式创建对象 构造函数创建对象实例必须new。四个步骤: 1)创建一个新对象 2)将构造函数的作用域赋给新对象（this代表当前调用对象，this指向新对象） 3)执行构造函数中的代码 4)返回新对象 */ function person3(name,age,hobby){ this.pname=name; this.page=age; this.phobby=hobby; this.say=function(){ document.writeln(我是person3的方法); } } var person31=new person3(张三,18,游戏); for(p in person31){ document.writeln( person31[ + p + ]= + person31[p]); } document.writeln(person31); document.writeln(person31.constructor); /* 输出： function Person4(name,age,hobby){ this.name = name; this.age = age; this.hobby = hobby; this.Say = function(){ echo(我就是方法了！+ this.name); } } 实例的constructir属性是生成他的那个构造函数。构造函数设计的目的是用来标识对象的类型：人类还是鸟类 */ /*构造函数与普通函数的区别：就是调用方式不同，所有普通函数只要通过new操作符来调用，他就可以称为构造函数，否则就是普通函数。*/ var person33=new person3(王五,18,运动); person3(王五,18,运动); window.Say(); //我就是方法了！赵六 /* 说明：当以普通函数调用时候this就代表是当前对象，默认是window对象 当以构造函数调用是返回给新生成的对象。 上面的person33和person31都是又person3函数构造出来的，属性是不同，但是方法是相同的。也就是说Say（）方法,分别在person31和person33保存了两份副本，而且两份副本一样只是属于不同的示例。这样做就类似我们声明了两个功能一样的函数（仅仅作用域不同，这样浪费资源。） */ 二、解决构造的“方法复制”导致的资源浪费问题。 产生新问题：全局方法只能用于该类（人可用，鸟不可用）；多个全局方法，鸟使用则不完美 /* 在上文中，构造函数中如果加入方法，则会复制两份方法，造成浪费。为解决该问题，将构造函数代码修改如下： */ function person(name,age){ this.pname=name; this.page=age; this.psay=say;//把方法移到对象外， 这里保留指向方法的指针，这里不能加括号，否则会直接执行。 } function say(){ document.writeln(this.pname+说：我是公共方法); } var p1=new person(张三