JavaScript自定义对象五种方式.docVIP

javaScript中生成对象的五种方式： //第一种：基于Object或已有对象的扩充 var obj = new Object(); obj.name = zhangsan;//增加属性name obj.getName = function(){//增加方法getName return this.name; } obj.setName = function(name){//增加方法setName this.name = name; } //测试 alert(obj.getName()); obj.setName(wangwu); alert(obj.getName()); //缺点：对于每一个要生成的对象都要单独添加//第二种方法：工厂方法 function createObject(name, password){ var obj = new Object(); obj.name = name; obj.password = password; obj.getMess = function(){ return this.name + , + this.password; } obj.sayHello = sayHello; return obj; } function sayHello(){ return hello, + this.name; } //测试 var obj1 = createObject(zhangsan, 123); var obj2 = createObject(lisi, 456); alert(typeof obj1); alert(obj1.getMess()); alert(obj1.sayHello()); alert(obj2.getMess()); alert(obj2.sayHello()); //缺点：其为每个对象都创建了相同的函数属性，占用了过多的空间。//第三种：构造函数方式： function Person(name, password){ this.name = name; this.password = password; this.getMess = function(){ return this.name + , + this.password; } } var p = new Person(zhangsan, 123456); alert(p.getMess()); //工厂方法是直接调用方法，而构造函数方式是通过new方式。 //第四种方式：原型方式： function Person(){} Person.prototype.name = zhangsan; Person.prototype.password = 123456; Person.prototype.getMess = function(){ return this.name + , + this.password; } var p1 = new Person(); var p2 = new Person(); p2.name = lisi; alert(p1.getMess()); alert(p2.getMess()); //单纯的原型方式存在bug //单纯使用原型方式定义类无法在构造函数中为属性赋初值，只能在对象生成后再去改变属性值。 //多个对象共享属性（当属性为Array时会出错）和方法 function Person(){} Person.prototype.name = new Array(); Person.prototype.password = 123456; Person.prototype.getMess = function(){ return this.name + , + this.password; }