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

╰半夏微凉° 2023-08-17 16:39 113阅读 0赞

## 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;
    }

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