欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS——Factory(工厂)模式

程序员文章站 2022-06-15 14:17:36
...

function funA(){
			console.log("A");
		}
		function funB(){
			console.log("B");
		}
		function funC(){
			console.log("C");
		}
		//如果我们想要弹出a,b,c我们就需要调用不同的方法funA,funB,funC。但是如果我们想弹出的东西很多呢,每次调用都需要看是需要调用哪个方法,会不会很麻烦。所以我们可以再包一个方法来做处理,如下所示:
		function choose(type){
			switch(type){
				case "funA":
					funA();
					break;
				case "funB":
					funB();
					break;
				default:
					funC();
			}
		}
		//而简单工厂模式就是基于这样一个简单的套路实现的。
		//定义:Simple Factory,又叫静态工厂方法,由一个工厂对象决定创建某一种产品对象的实例。主要用来创建同一类对象。
		//注意:主要用来创建同一类对象!!!


--------------------------------------------------------------------------------------

Factory模式时另一种创建型模式,涉及创建对象的概念。其分类不同于其他模式的地方在于它不显式地要求使用一个构造函数。而Factory可以提供一个通用的接口来创建对象,我们可以指定我们所希望创建的工厂对象的类型。

模式图:

JS——Factory(工厂)模式

如果对象创建过程相对比较复杂,这种方法特别有用,例如,如果它强烈依赖于动态因素或应用程序配置的话。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		//先定义几种车 构造函数  工厂方法
		function Car(options) {
			this.doors = options.doors || 4;
			this.state = options.state || "brand";
			this.color = options.color || "silver";
		}
		function Truck(options) {
			this.state = options.state || "used";
			this.wheelSize = options.wheelSize || "large";
			this.color = options.color || "blue";
		}

		//再定义生产车辆的工厂
		function VehicleFactory() {}
		//定义该工厂生产的默认汽车类型
		VehicleFactory.prototype.vehicleClass = Car; //Car是函数
		//定义生产汽车的具体过程
		VehicleFactory.prototype.createVehicle = function(options) {
			if(options.vehicleType === "car"){
				this.vehicleClass = Car;
			}else{
				this.vehicleClass = Truck;
			}

			return new this.vehicleClass(options); 
		};

		//建造工厂并命名
		var carFactory = new VehicleFactory();
		//开始生产汽车
		var car = carFactory.createVehicle({
			vehicleType: "car",
			color: "yellow",
			doors: 6
		});
		//验证车是否是这个Car类型的车
		console.log(car instanceof Car);
		//验验车,看看货
		console.log(car);

		//再生产另一部车
		var movingTruck = carFactory.createVehicle({
			vehicleType: "truck",
			state: "like new",
			color: "red",
			wheelSize: "small"
		});
		//验证车是否是Track类型的车
		console.log(movingTruck instanceof Truck);
		//验验车,看看货
		console.log(movingTruck);

		//-----------------------------------------------
		//定义第二个工厂  是上面那个工厂的子工厂
		function TruckFactory() {}
		TruckFactory.prototype = new VehicleFactory();
		TruckFactory.prototype.vehicleClass = Truck;
		//创建工厂
		var TruckFactory = new TruckFactory();
		//生产卡车
		var myBigTruck = TruckFactory.createVehicle({
			state: "omg..so bad.",
			color: "pink",
			wheelSize: "so big"
		});
		//验验车
		console.log(myBigTruck instanceof Truck);
		//看看货
		console.log(myBigTruck);
	</script>
</body>
</html>
何时使用Factory模式
Factory模式应用于如下场景时是特别有用的:
(1)当对象或组件涉及高复杂性时
(2)当需要根据所在的不同环境轻松生成对象的不同实例时
(3)当处理很多共享相同属性的小型对象或组件时
(4)在编写只需要满足一个API契约(亦称鸭子类型)的其他对象的实例对象时,对于解耦是很有用的。
何时不应使用Factory模式
如果应用错误,这种模式会为应用程序带来大量不必要的复杂性。除非为创建对象提供一个接口是我们正在编写的库或框架的设计目标,否则建议坚持使用显式构造函数,以避免不必要的开销。
由于对象创建的过程实际上藏身接口之后抽象出来的,单元测试也可能带来问题,这取决于对象创建的过程有多复杂。


参考:https://zhuanlan.zhihu.com/p/22699413

相关标签: JS Factory