js中创建对象的几种方式

 

js中的几种创建对象的方式。

一共有5种：

一 ， 工厂方式

 var lev = function() {
    return this.age;
};
function Parent() {
    var child = new Object();
    child.name = '小芳';
    child.age = 30;
    child.lev = lev;
    return child;
}
var x = Parent();
alert(x.name);
alert(x.lev());

说明：

1）在函数中定义对象，病定义对象的各种属性，虽然属性可以为方法，

　　但是建议将属性为方法的属性定义放到函数之外，这样可以避免重复创建该方法、

2）引用该对象的时候，这里使用的是 var x = Parent() 而不是 var x = new Parent()

　　因为后者会可能出现很多问题（前者也成为工厂经典方式,后者称之为混合工厂方式），

　　不推荐使用new的方式使用该对象

3）在函数的最后面返回该对象

4）不推荐使用这种方式

 

二  构造函数方式

var lev = function() {
    return this.age;
};
function Parent() {
    this.name = '小芳';
    this.age = 30;
    this.lev = lev;
}
var x = new Parent();
alert(x.name);
alert(x.lev());

说明：

1）与工厂方式相比，使用构造函数方式创建对象，无需再函数内部重建创建对象，

　　而使用this指代，并而函数无需明确return

2）同工厂模式一样，虽然属性的值可以为方法，但建议将方法写在函数外，

3）不建议使用

 

三  原型方式

var lev = function() {return this.age;}
function Parent() {}
Parent.prototype.name = '小芳';
Parent.prototype.age = 21;
Parent.prototype.lev = lev;

var x = new Parent();
alert(x.name);
alert(x.lev());

说明：

1）函数中不对属性进行定义

2）利用prototype属性对属性进行定义

3）不推荐使用

 

四  混合的构造函数，原型方式（推荐）

function Parent() {
    this.name = '小芳';
    this.age = 21;
}
Parent.prototype.lev = function() {
    return this.name;
}
var x = new Parent();
alert(x.lev());

说明：

1）改模式是指混合搭配使用构造函数方式和原型方式

2）将所有属性不是方法的属性定义在函数中（构造函数方式）

　　将所有属性值为方法的属性利用prototype在函数之外定义（原型方式）

3）推荐使用

 

五  动态原型方式

 function Parent() {
    this.name = '小芳';
    this.age = 21;
}
if (typeof Parent._lev == 'undefined') {
    Parent.prototype.lev = function() {
        return this.name;
    }
    Parent._lev = true;
}
var x = new Parent();
alert(x.lev());

说明：

1）动态原型方式可以理解为混合构造函数，原型方式的一个特例

2）该模式中，属性为方法的属性直接在函数中进行了定义，但是因为

　　　　if (typeof Parent._lev == 'undefined') {

  　　　　  Parent._lev = true;
　　　　}

　　　　从而保证了创建该对象的实例的是时候属性的方法不会被重复创建

3）推荐使用

 

 

原创：http://www.cnblogs.com/mizzle/archive/2011/07/06/2099342.html