typescript mixins混入

柔情只为你懂 2021-07-24 18:17 474阅读 0赞

每个类都只定义了一个特定的行为或功能。使用它们来创建一个新类，同时具有这两种功能。 
    
    js中实现混入:
    	对象混入:
    		Object.assign方法
    	类混入(只能混入方法):
    		Object.getOwnPropertyNames(要混入的类.prototype).forEach(key => {	方法会被放到类的原型上,实例会继承类的原型
    		  被混入的类.prototype[key]=要混入的类.prototype[key]
    		})
    
    ts中实现混入:
    	(1)定义功能类
    			class Disposable {
    			    isDisposed: boolean;
    			    dispose() {
    			        this.isDisposed = true;
    			    }
    			
    			}
    
    			class Activatable {
    			    isActive: boolean;
    			    activate() {
    			        this.isActive = true;
    			    }
    			    deactivate() {
    			        this.isActive = false;
    			    }
    			}
    			
    	(2)定义混合类实现这两个类
    		class SmartObject implements Disposable, Activatable {
    				
    			isDisposed: boolean = false;	因为只能混入方法,所以属性得手动实现
    			dispose: () => void;
    			
    			isActive: boolean = false;
    			activate: () => void;
    			deactivate: () => void;
    		}
    	
    	(3)调用applyMixins方法混合
    		applyMixins(SmartObject, [Disposable, Activatable]);
    		
    		方法内部原理
    		function applyMixins(derivedCtor: any, baseCtors: any[]) {
    		
    			遍历目标类
    		    baseCtors.forEach(baseCtor => {
    		    	调用 Object.getOwnPropertyNames获取目标对象原型上的键名集合
    		    	
    		        Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
    		        
    		        	遍历目标对象原型上的键名集合,将从目标对象上根据键名获取对应值,再添加到源对象上
    		        	
    		            derivedCtor.prototype[name] = baseCtor.prototype[name];
    		        })
    		    });
    		}