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

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

有没有感觉，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框

只有在sayName不存在的时候，才会弹出alert框，并创建sayName函数。

那么我们第一次去执行person1.sayName();的时候，就可以理解为一个初始化，弹出alert。

后面再去执行多少遍person1.sayName();，都不会触发alert了。