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

javascript在平时使用的时候，有时并没有太多注重对象创建的形式，但是良好的对象创建方式不但能够，方便开发，也能节约内存，优化js

一. 基于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基本屏蔽了方法和属性的区别，因此每创建一个对象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的方法来创建对象