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

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


  • 7
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值