博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript创建对象(一)——工厂模式
阅读量:6122 次
发布时间:2019-06-21

本文共 1840 字,大约阅读时间需要 6 分钟。

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

转载地址:http://gowua.baihongyu.com/

你可能感兴趣的文章
[转载] 七龙珠第一部——第058话 魔境圣地
查看>>
【总结整理】JQuery基础学习---样式篇
查看>>
查询个人站点的文章、分类和标签查询
查看>>
基础知识:数字、字符串、列表 的类型及内置方法
查看>>
JSP的隐式对象
查看>>
P127、面试题20:顺时针打印矩阵
查看>>
JS图片跟着鼠标跑效果
查看>>
[SCOI2005][BZOJ 1084]最大子矩阵
查看>>
学习笔记之Data Visualization
查看>>
Leetcode 3. Longest Substring Without Repeating Characters
查看>>
【FJOI2015】金币换位问题
查看>>
数学之美系列二十 -- 自然语言处理的教父 马库斯
查看>>
Android实现自定义位置无标题Dialog
查看>>
面试总结
查看>>
Chrome浏览器播放HTML5音频没声音的解决方案
查看>>
easyui datagrid 行编辑功能
查看>>
类,对象与实例变量
查看>>
HDU 2818 (矢量并查集)
查看>>
【转】php字符串加密解密
查看>>
22. linux 常用命令
查看>>