创建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");

使用自定义的构造函数，可以将它的实例标识为一种特定的类型，这正是构造函数模式胜过工厂模式的地方。

比如(instanceof用于检测对象类型)：

person1 instanceof Person  //true    这里可以看到person1也是Person的实例，而工厂模式没有能具体检测对象类型的这一特定
person1 instanceof Object //true    所有对象均继承自Object

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

person1.sayname != person2.sayname

3.原型模式

有关原型和原型链的知识已经在点击打开链接介绍过了，这里不作过多介绍。

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

function Person(){}
Person.prototype.name="a";
Person.prototype.age="29";
Person.prototype.job="cc";
Person.prototype.sayname = function(){
        alert(this.name);
};
var person1 = new Person();
var person2 = new Person();
这样person1.sayname == person2.sayname

这样一来，所有的属性和方法都是大家(所有实例)共享的了，换句话说，person1和person2访问的sayname和name等 都是同一个。

还有就是重写原型的时候，切断了现有原型与任何之前已存在的对象实例之间的联系，它们引用的仍是最初的原型。可以通过在重写原型里添加constructor:Person来建立新联系。

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

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");

这种构造函数与原型混合的模式，是目前使用较多的。其它创建对象的方式还有动态原型模式、寄生构造函数模式、稳妥构造函数模式。

以上就是极悦小编介绍的"创建JavaScript对象的几种方式"，希望对大家有帮助，想了解更多可查看JavaScript教程。极悦在线学习教程，针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识，让同学们更好更方便的学习和了解Java编程，感兴趣的同学可以关注一下。