Cocos Creator 之 typescript几种常见的设计模式

太过爱你忘了你带给我的痛 2023-09-27 11:51 170阅读 0赞

#### 文章目录 ####

*  前言
 *  模式设计
 *   *  单例模式
     *  代理模式
     *  观察者模式
     *  工厂模式

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

## 前言 ##

![在这里插入图片描述][33ca25c5faff4d99864a792ab6624bb7.png]

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

`提示：以下是本篇文章正文内容，下面案例可供参考`

## 模式设计 ##

### 单例模式 ###

![在这里插入图片描述][2622263bebf24b5baf0665d2ebf02978.png]

class SoundManager{
        
    	static instance:SoundManager;
    	// 构造方法私有 防止new
    	private constructor(){
        }
    	
    	static Instance(){
        
    		if(!SoundManager.instance){
        
    			SoundManager.instance = new SoundManager();
    		}
    		return SoundManager.instance;
    	}
    }

### 代理模式 ###

![在这里插入图片描述][eb99165eaf224e248631fbf675ccbf47.png]

interface ICalc{
        
    	cale(num1:number,num2:number):number
    }
    class Npc1 implements ICalc{
        
    	cale(num1:number,num2:number){
        
    		return num1 + num2;
    	}
    }
    class Person{
        
    	delegete:ICalc;
    	
    	GetNum(num1:number,num2:number){
        
    		let num = this.delegete.cale(num1,num2);
    		console.log(num);
    	}
    }
    
    let person = new Person();

### 观察者模式 ###

![在这里插入图片描述][3360feb4da334a5da93deaa8964bcd2b.png]

interface IObserver{
        
    	nameChanged(newName);
    }
    
    class Person{
        
    	private _name:string;
    	observers:Array<IObserver> = new Array<IOserver>();
    
    	set name(value){
        
    		this._name = value;
    		// 发生变化
    		// 遍历观察者数组 给所有观察者发消息
    		for(let observer of this.observers){
        
    			observer.nameChanged(this._name)
    		}
    	}
    
    	get name(){
        
    		return this._name;
    	}
    }
    
    class Test implements IObserver{
        
    	nameChanged(newName){
        
    		console.log("监听到变化，名称为："+newName);
    	}
    }
    
    let person = new Person();
    let test = new Test();
    // 设置为监听对象
    person.observers.push(test);
    person.name = "111";

### 工厂模式 ###

![在这里插入图片描述][1dfc9473fde14713b422f686fdc00554.png]

enum CarType{
        
    	Audi,
    	Benz,
    	Bmw
    }
    
    
    class Car{
        
    	name:string;
    
    	static Create(carType:CarType):Car{
        
    		let car:Car;
    		switch(carType){
        
    			case CarType.Audi:
    				car = new Audi();
    				break;
    			case CarType.Benz:
    				car = new Benz();
    				break;
    			case CarType.Bmw:
    				car = new Bmw();
    				break;
    		}
    		return car;
    	}
    }
    
    class Audi extends Car{
        }
    class Benz extends Car{
        }
    class Bmw extends Car{
        }

[33ca25c5faff4d99864a792ab6624bb7.png]: https://img-blog.csdnimg.cn/33ca25c5faff4d99864a792ab6624bb7.png
[2622263bebf24b5baf0665d2ebf02978.png]: https://img-blog.csdnimg.cn/2622263bebf24b5baf0665d2ebf02978.png
[eb99165eaf224e248631fbf675ccbf47.png]: https://img-blog.csdnimg.cn/eb99165eaf224e248631fbf675ccbf47.png
[3360feb4da334a5da93deaa8964bcd2b.png]: https://img-blog.csdnimg.cn/3360feb4da334a5da93deaa8964bcd2b.png
[1dfc9473fde14713b422f686fdc00554.png]: https://img-blog.csdnimg.cn/1dfc9473fde14713b422f686fdc00554.png