JavaScript 创建对象的几种方式

1、工厂模式

工厂模式是用函数来封装创建对象的细节，在函数里面创建对象并返回对象。

function createPerson(name,age,job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayname = function(){
        alert(this.name);
    };
    return o;
}
var person1 = createPerson("a",29,"cc");
var person2 = createPerson("b",26,"cc"); 

2、构造函数模式

构造函数模式，即通过给构造函数传递不同的参数，然后调用构造函数来创建不同对象。

function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayname = function(){
        alert(this.name);
    };
}
var person1 = new Person("a",29,"cc");
var person2 = new Person("b",26,"cc");

构造函数模式的主要问题，就是每个方法都要在每个实例对象上重新创建一遍，j即使是同名方法或者两个方法的作用一样，而不同实例对象上的同名方法其实是不一样的，这样就造成了一种冗余，比如 person1.sayname != person2.sayname

3、原型对象模式

使用原型对象的好处就是，可以让所有对象实例共享它所包含的属性和方法

function Person(){}
Person.prototype.name="a";   //  基础类型的数据私有 （彼此互不影响）
Person.prototype.list = [1];        // 引用类型的数据公有
Person.prototype.sayname = function(){      // 引用类型的数据公有（改变一个，其它也相应改变）
        alert(this.name);
};
var person1 = new Person();
person1.list.push(11);
var person2 = new Person();
console.log(person1.list);    // [1,11]
console.log(person2.list);     // [1,11]
console.log(person1.sayname == person2.sayname);   // true，说明是同一个内存地址

原型模式的问题就是共享问题，在实例或原型上改变一下，在其他实例中都会相应的改变。这样我们引入组合使用构造函数模式和原型模式。

4、构造函数 + 原型对象模式

构造函数内------引用类型的值是-----私有的，
构造函数的原型链上---------引用类型的值是----公有的

function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
}
Person.prototype = {
    constructor: Person,
    sayname: function(){
        alert(this.name);
    }
}
var person1 = new Person("a",29,"cc");
var person2 = new Person("b",26,"cc");

5、构造函数 + 动态原型对象模式

动态原型模式 ，它区别于组合使用构造函数和原型模式。 将所有的信息都封装在了构造函数中，这样看起来更具有封装性。

function Person(name, age, job) {
    // 属性
    this.name = name;
    this.age = age;
    this.job = job;
    // 方法
    if (this.age>=20) {   
        Person.prototype.sayName = function() {
            alert(this.name);
        }
    }   
}

var friend = new Person("Mary", 18, "Software Engineer");
var friend2 = new Person("Tony", 21, "student");

这里需要说明的是if里代码只会在初次调用构造函数时才会执行，当然了，下次调用构造函数时，this.sayName已经存在嘛，而且if里对原型所在的修改会立即在所有实例中得到反映，这里可能就是体现其动态的所在之处。

参考链接：https://blog.csdn.net/stanxl/article/details/51111129

参考链接：https://blog.csdn.net/lvyang251314/article/details/80688651