js工厂模式和构造函数

工厂模式和构造函数的区别

 //1.工厂模式and2.构造函数
//1工厂模式
function fact(){
let obj={};//创建一个空对象
obj.doSomething = function(){
console.log("do something");
}
return obj//返回对象
}
let obj1 =fact();
let obj2 =fact();
console.log(obj1.doSomething=obj2.doSomething)//false;工厂模式生产了两个对象，指向了两个内存地址
//2构造函数
function Fact(){
this.doSomething = function(){
console.log("do something");
}
}
Fact.prototype.doOhter = function(){//原型链上的公共空间
console.log("do other");
}
let obj3 = new Fact();//通过new来创建一个对象 this指向obj3
let obj4 = new Fact();
console.log(obj3.doSomething=obj4.doSomething);//false;地址不同
console.log(obj3.doOhter===obj4.doOhter);//false;地址相同

区别

工厂模式 用instanceof 判断是 函数创建的对象obj1 ，obj2都是Object
而构造函数（类）new 出来的对象则是 构造函数名即类名（一般大写）obj3，obj4都是Fact。

工厂模式的性能缺点

1. 创建出来的对象不容易识别如 标题：区别。
2. 每创建一个对象执行方法就需在内存中开辟一个空间，构造函数只需在prototype上添加一个方法（属于公共空间）当创建对象调用同一个方法时，不需要重新开辟内存空间。

构造函数原型上写法

1.一般写法

Fact.prototype.doanything = function(){
	console.log("3213123");
}
Fact.prototype.doAnther =  function(){

}

2.下面这种写法会覆盖原有的构造函数

Fact.prototype={
	doanything(){
	console.log("3213123");
	},
	doAnther (){
	console.log("3213123");
	},
}

2造成的后果

new Fact().constructor == Object(){}

1的结果

new Fact().constructor == Fact(){
	this.doSomething = function(){
	console.log("do something");
}

2的解决方法

Fact.prototype={
	constructor :Fact,
	doanything(){
	console.log("3213123");
	},
	doAnther (){
	console.log("3213123");
	},
}

改造后

new Fact().constructor == Fact(){
	this.doSomething = function(){
	console.log("do something");
}