深入理解javascript的4种对象创建方式

本文介绍了JavaScript中创建对象的四种常见方式：工厂模式、构造函数模式、原型模式和动态原型模式。详细对比了每种方式的特点及优缺点，帮助读者更好地理解和使用JavaScript。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建一个对象，都有这么多种方式。

有没有感觉，javascript真的很灵活呢。

1.工厂模式

function person(name,age,tel){
    var obj = {};
    obj.name = name;
    obj.age = age;
    obj.tel = tel;
    return obj;
}
var person1 = person('章鱼小丸子','21','110');

每次实例化都要创建一个对象的拷贝，方法函数也跟着拷贝了。
如果偏要共享方法函数，那这个方法就不能实现了呢。

2.构造函数模式

function Person(name,age,tel){
    this.name = name;
    this.age = age;
    this.tel = tel;
}
var person1 = new Person('章鱼小丸子','21','110');

Person 作为构造函数。

通过new，我们构造出一个实例，实例的原型的构造器指针指向Person，然后将Person上的属性复制到person1中。返回this（this已指向person1）。

什么意思呢？属性都被复制了一份？yes。没错。

所以，

构造函数模式也存在同样的问题：

每次实例化都要创i按一个对象的拷贝，方法函数也跟着拷贝了。

如果偏要共享方法函数，那这个方法就不能实现了。

3.原型模式

function Person(name,age,tel){
    this.name = name;
    this.age = age;
    this.tel = tel;
}
Person.sayName = function(){
    console.log(this.name);
}
var person1 = new Person('章鱼小丸子','21','110');

原型模式在构造模式的基础上，通过原型链，加入了方法共享。

非常不错的一种办法。

4.动态原型模式

我们记得c++语言的类，我们可以初始化，就是某些函数，在类的初始化的时候执行一次，之后就不执行了。

js的类可以做到吗？

function Person(name,age,tel){
    this.name = name;
    this.age = age;
    this.tel = tel;
    if(typeof this.sayName != "function"){
            alert('初始化只执行一次哦');
        Person.prototype.sayName = function(){
            console.log(this.name);
        }
    }
}
var person1 = new Person('章鱼小丸子','21','110');
person1.sayName();//弹出alert框
person1.sayName();//不弹alert框