设计模式3持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情单例模式应用场

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第5天，点击查看活动详情

单例模式

单例模式是为了保证在一个进程中，某个类有且仅有一个实例。

export{}
class Window{
    private static instance:Window;
    private constructor(){}
    public static getInstance(){
        if(!Window.instance){
            Window.instance = new Window();
        }
        return Window.instance;
    }
}
//把Window做成单例
let w1=Window.getInstance();
let w2=Window.getInstance();
console.log(w1===w2);

/**
 * 透明单例
 * 客户端或者说使用者并不需要知道要按单例使用
 */
export{}
let Window = (function(){
    let Window:Window;
    let Window = function(this:Window){
        if(window){
            return window;
        }else{
            return (window = this);
        }
    }
    return Window;
})();
let w1 = new (Window as any)();
let w2 = new (Window as any)();
console.log(w1===w2);

应用场景:

common.js
jquery
bootstrap模态窗口
store 缓存

适配器模式

适配器模式又称包装器模式，将一个类的接口转化为用户需要的另一个接口，解决类（对象）之间接口不兼容的问题
旧的接口和使用者不兼容
中间加一个适配器转换接口

//这是需要被适配的类
class Socket{
    output(){
        return '220V';
    }
}
abstract class Power{
    abstract charge():string;
}
class PowerAdaptor extends Power{
    constructor(public Socket:Socket){
        super();
    }
    charge():string{
        retrun this.Socket.output()+'转换为24V';
    }
}
let adaptor = new PowerAdaptor(new Socket());
console.log(adaptor.charge());