点击右上方红色按钮关注“web秀”，让你真正秀起来

JavaScript创建对象（一）—— 工厂模式

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

var person = new Object();
person.name = 'Javanx';
person.age = 26;
person.job = 'Web前端工程师';
person.sayName = function(){
	console.log(this.name);
}

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

var person = {
	name: 'Javanx',
	age: 26,
	job: 'Web前端工程师',
	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 = 'Javanx';
person1.age = 26;
person1.job = 'Web前端工程师';
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('Javanx', 26, 'Web前端工程师');
var p2 = createPerson('张三', 20, 'Java工程师');
var p3 = createPerson('李四', 22, '全栈工程师');

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

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

公告

喜欢小编的点击关注，了解更多知识！