文档章节

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

Bob2100
 Bob2100
发布于 2018/09/11 20:58
字数 690
阅读 71
收藏 0

使用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版

© 著作权归作者所有

共有 人打赏支持
Bob2100
粉丝 23
博文 85
码字总数 46053
作品 0
浦东
高级程序员
私信 提问
《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则

最少知识原则(LKP)说的是一个软件实体应当尽可能少地与其他实体发生相互作用。这 里的软件实体是一个广义的概念,不仅包括对象,还包括系统、类、模块、函数、变量等。 单一职责原则指导我们...

嗨呀豆豆呢
2018/12/30
0
0
《JavaScript设计模式与开发实践》模式篇(12)—— 装饰者模式

在传统的面向对象语言中,给对象添加功能常常使用继承的方式,但是继承的方式并不灵活, 还会带来许多问题:一方面会导致超类和子类之间存在强耦合性,当超类改变时,子类也会随之 改变;另一方...

嗨呀豆豆呢
2018/12/25
0
0
《JavaScript设计模式与开发实践》最全知识点汇总大全

系列文章: 《JavaScript设计模式与开发实践》基础篇(1)—— this、call 和 apply 《JavaScript设计模式与开发实践》基础篇(2)—— 闭包和高阶函数 《JavaScript设计模式与开发实践》模式...

嗨呀豆豆呢
01/04
0
0
《JavaScript设计模式与开发实践》模式篇(6)—— 命令模式

命令模式是最简单和优雅的模式之一,命令模式中的命令(command)指的是一个执行某些特定事情的指令。 应用场景 有时候需要向某些对象发送请求,但是并不知道请求的接收者是谁,也不知道被请求...

嗨呀豆豆呢
2018/12/15
0
0
JS单例模式《JavaScript设计模式与开发实践》阅读笔记

此文仅记录本人阅读《JavaScript设计模式与开发实践》这个本时的感受,感谢作者曾探写出这么好的一本书。如有冒犯,如有错误,请联系本人:luogao_lg@sina.com处理。 这一章让我知道了单例模...

RoyLuo
2018/05/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

带你看数据挖掘与机器学习-厦大EDP上课出勤预测

带你看数据挖掘与机器学习-厦大EDP上课出勤预测 标签: 数据挖掘 特征工程 机器学习 出勤预测 write by xmhexi 2019/3/22 内容提要 首先说明本文是一篇科普文章,通过一个实际案例,帮助理解什...

xmhexi
今天
41
0
IOS  学习记录

1.StackView=>IOS 9及以上支持 2.布局方式: AutoLayout / StackView 堆布局 (线性布局) 3.屏幕适配 (资源分辨率、设计分辨率、屏幕分辨率) Size Class技术 可以针对 屏幕的方向进行设置...

萨x姆
今天
4
0
第四次工业革命:自主经济的崛起

https://36kr.com/p/5170370.html

shengjuntu
昨天
3
0
Cloud Native 与12-Factor

12-Factor(twelve-factor),也称为“十二要素”,是一套流行的应用程序开发原则。Cloud Native架构中使用12-Factor作为设计准则。 12-Factor 的目标在于: 使用标准化流程自动配置,从而使...

waylau
昨天
10
0
java多线程2

“非线程安全”问题存在于“实例变量”中,如果是方法内部的私有变量,则不存在线程安全问题。这是因为方法内部的变量都是私有造成的。 synchronized 获取的都是对象锁。如果多个线程访问多个...

一滴水穿石
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部