Javascript对象的创建的几种方法及其优缺点

Javascript 对象的创建

方法一：Object构造函数模式

先创建空的Object对象，再动态添加属性/方法。

var p = new Object();
p.name = 'Mayandev';
p.age = 22
p.setName = function(name) {
    this.name = name;
}

上面的方法适用于起始时不确定对象内部数据，缺点是语句太多。

方法二：对象字面量模式

直接使用{}创建对象，同时指定属性或者方法。

var p = {
    name: 'Mayandev',
    age:22,
    setName: function(name) {
        this.name = name
    }
}

上面的方法适用于对象内部数据是确定的，但是如果需要创建多个对象，会有重复的代码。

方法三：工厂模式

通过工厂函数动态创建对象并返回

function createPerson(name, age) {
    var obj = {
        name: name,
        age: age,
        setName: function(name) {
            this.name = name;
        }
    return obj;
    }
}

上面的方法适用于需要创建多个对象的情况，但是这样创建的对象没有具体的类型，都是Object类型。

方法四：自定义构造函数模式

自定义构造函数，使用new创建对象。

function Person(name, age) {
    this.name = name
    this.age = age
    this.setName = function(name) {
        this.name = name
    }
}

上面的方法适用于需要创建多个类型确定的对象的情况，但是每个对象都有相同的数据，浪费内存。

例如每个对象都有setName函数，这样会导致内存占用。

方法五：构造函数+原型组合模式

自定义构造函数，属性在函数中初始化，方法添加到原型上。

function Person(name, age) {
    this.name = name
    this.age = age
}
Person.prototype.setName = function(name) {
    this.name = name;
}

这样可节省一些内存空间，但具体的使用情况仍然看使用情况。