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的方法来创建对象