javascript 高级——几种对象创建方法

一. 基于Object的创建方式

和java一样所有的对象都继承了Object对象所以

var p1 = new Object();
p1.name = "张三";
p1.age = 23;
p1.say = function(){
alert(this.name + ":" + this.age);
}
p1.say();

缺点：不能够重用，每次创建对象都要再次赋予属性name,age等，可能造成属性不统一，比较混乱

二. 工厂的对象创建

function PersonFactory(name,age){
var o = new Obejct();
o.name = name;
o.age = age;
o.say = function(){
alert(o.name + ":" + o.age);
}
}

就单纯内存的使用而言，由于javascript基本屏蔽了方法和
4000
属性的区别，因此每创建一个对象say都会拷贝一份，这样不利于空间的优化
因此将方法放在全局处于window对象的管理下，可以解决这个问题

function PersonFactory(name,age){
var o = new Obejct();
o.name = name;
o.age = age;
o.say = say;
}
function say(){
alert(o.name + ":" + o.age);
}

但是这样又会带来问题，全局的函数充斥代码，更重要的是破坏了对象的封装性

三. json创建方式

json本来就源于javascript，因此在json中可以直接创建对象
//一般对象创建方式

var p = {
name:"张三",
age:24,
say:function(){
alert(this.name + ":" + this.age);
}
}

//数组对象创建方式

var ps = [
{name:"张三",age:24},
{name:"李四",age:56}
]

这种方式对空间的要求仍然是比较大的，执行的效率不是很高。

四. constructor构造函数的方式：

function Person(name,age){
this.name = name;
this.age = age;
this.say = function(){
alert(this.name + ":" + this.age);
}
}
var p1 = new Person("李四",45);
var p2 = new Person("王五",46);

同样为了减少say的不断拷贝将其设置为全局的

function Person(name,age){
this.name = name;
this.age = age;
this.say = say;
}
function say(){
alert(this.name + ":" + this.age);
}
var p1 = new Person("李四",45);
var p2 = new Person("王五",46);

由此会引发say为window的管理范围，破坏封装性，因此产生了使用prototyp的方法来创建对象