JavaScript创建对象(一)——工厂模式

使用Object构造函数是js中创建对象最简单的一种方式:

var person = new Object();

person.name = 'Bob';
person.age = 18;
person.job = '全栈工程师';
person.sayName = function(){
    console.log(this.name);
}

创建对象还可以使用对象字面量的方式,像下面这样:

var person = {
    name: 'Bob',
    age: 18,
    job: '全栈工程师',
    sayName: function(){
        console.log(this.name);
    }
}

但是这两个方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码。为了解决这个问题,人们开始使用工厂模式的一种变体来创建对象。

工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建对象的具体过程。考虑到在ECMAScript中无法创建类,开发人员就发明了一种函数,用函数来封装以特定接口创建对象的细节,如下面的例子所示:

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        console.log(this.name);
    }
    return o;
}

函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次的调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象。这大大简化了重复代码的书写。

假如我们需要创建三个Person对象,如果使用Object构造函数的方式,要像下面这样:

var person1 = new Object();
person1.name = 'Bob';
person1.age = 18;
person1.job = '全栈工程师';
person1.sayName = function(){
    console.log(this.name);
}

var person2 = new Object();
person2.name = '张三';
person2.age = 20;
person2.job = 'Java工程师';
person2.sayName = function(){
    console.log(this.name);
}

var person3 = new Object();
person3.name = '李四';
person3.age = 22;
person3.job = '前端工程师';
person3.sayName = function(){
    console.log(this.name);
}

但如果使用工厂模式,只要这样:

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        console.log(this.name);
    }
    return o;
}

var p1 = createPerson('Bob', 18, '全栈工程师');
var p2 = createPerson('张三', 20, 'Java工程师');
var p3 = createPerson('李四', 22, '前端工程师');

很明显,使用工厂模式创建对象的代码要简单多了,看起来更舒服,而且创建的对象越多,工厂模式的优点越明显。

但是,工厂模式也不是没有缺点,虽然简化了创建多个相似对象的代码,但却没有解决对象识别的问题(即怎样知道一个对象的类型)。随着javascript的发展,又一个新模式出现了——构造函数模式,下一篇文章就来讨论讨论该模式。

文章参考:《JavaScript高级程序设计》第3版

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值