常见设计模式

1. 写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。
//工厂模式
function createPerson (name,age) {
    var person = {
        name:name,
        age:age
    }
    person.sayName = function(){
        console.log(this.name)
    }
    return person
}

//构造函数模式
function Person(name,age){
    this.name = name
    this.age = age
}
Person.prototype.sayName = function(){
    console.log(this.name)
}

//混合模式
function Person(name,age){
    this.name = name
    this.age = age
}
Person.prototype.sayName = function(){
    console.log(this.name)
}
function Stundent(name,age,school){
    Person.call(this,name,age)
    this.school = school
}
function objCreate(obj){
    function F(){}
    F.prototype = obj
    return new F()
}
Stundent.prototype = objCreate(Person.prototype)
Stundent.prototype.constructor = Stundent
Stundent.prototype.saySchool = function(){
    console.log(this.school)
}

//模块模式
var person = (function(){
    name = '小明'
    function sayName(){
        console.log(name)
    }
    return {
        name:name,
        sayName:sayName
    }
})()

//单例模式
var person = (function(){
    var instance
    function init(name){
        return{
            name:name
        }
    }
    return{
        createPerson:function(name){
            if(!instance){
                instance = init(name)
            }
            return instance
        }
    }
})()

//订阅发布模式
var eventCenter = (function(){
    var events = {}
    function on(event,handler){
        events[event] = events[event]||[]
        events[event].push({
            handler:handler
        })
    }
    function off(event){
        delete events[event]
    }
    function trigger(event,arguments){
        if(!events[event]) return;
        events[event].forEach(function(ele,index){
            ele['handler'](arguments)
        })
    }
    return{
        on:on,
        off:off,
        trigger:trigger
    }
})()
2. 使用发布订阅模式写一个事件管理器,可以实现如下方式调用
var Event = (function(){
    var events = {}
    function on(event,handler){
        events[event] = events[event]||[]
        events[event].push({
            handler:handler
        })
    }
    function off(event){
        delete events[event]
    }
    function fire(event,val){
        if(!events[event]) return;
        events[event].forEach(function(ele,index){
            ele['handler'](val)
        })
    }
    return{
        on:on,
        off:off,
        fire:fire
    }
})()
Event.on('change', function(val){
    console.log('change...  now val is ' + val);  
});
Event.fire('change', '饥人谷');
Event.off('change');
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答 1.写出构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 工厂模式,想造什么造什么...
    GarenWang阅读 377评论 0 0
  • 写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 使用发布订阅模式写一个事件管理器...
    coolheadedY阅读 367评论 0 0
  • 1.单例模式 定义: 单件模式确保一个类只有一个实例,并提供一个全局访问点. 使用场景: 用于创建独一无二的,只能...
    好奇而已阅读 533评论 0 0
  • 一、问答 (一)、写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 1、工厂模式:...
    该帐号已被查封_才怪阅读 503评论 0 0
  • 1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 //1.构造函数模式//构造...
    INTERNALENVY阅读 286评论 0 0