- 寫出 構(gòu)造函數(shù)模式、混合模式、模塊模式中鼠、工廠模式、單例模式走贪、發(fā)布訂閱模式的范例。
//構(gòu)造函數(shù)模式：new一個(gè)實(shí)例
function Person(name, age) {
this.name=name;
this.age=age;
}
Person.prototype.sayName= function () {
console.log(this.name)
};
var person1 = new Person("lisa",30);
//混合模式
function Person(name, age) {
this.name=name;
this.age=age;
}
Person.prototype.sayName= function () {
console.log(this.name)
};
function Student(name,age,score) {
Person.call(this,name,age);
this.score=score;
}
Student.prototype=Object.create(Person.prototype);
Student.prototype.sayScore = function () {
console.log(this.score)
}
var stuent1= new Student("andy","12","100");
//模塊模式：通過閉包實(shí)現(xiàn)一個(gè)模塊
var Person = (function () {
var name = "ruoyu";
function sayName() {
console.log(this.name)
}
return {
name:name,
sayName:sayName
}
})();
Person.sayName();
//工廠模式:每次返回一個(gè)對象；
function CreatePerson(name) {
var person={
name:name,
sayName:function () {
console.log(this.name)
}
};
return person;
}
CreatePerson("ruoyu").sayName();
//單例模式:應(yīng)用場景=》彈窗
Person = (function() {
var instance;
function init(name) {
return {name:name}
}
return {
createPerson:function (name) {
if(!instance){
instance = init(name);
}
return instance
}
}
})();
Person.createPerson("andy");//{name: "andy"}
Person.createPerson("lili");//{name: "andy"}
//發(fā)布訂閱模式
var EventCenter = (function () {
var events={};
function on(evt,handler) {
events[evt] = events[evt] || [];
events[evt].push({
handler:handler
});
}
function fire(evt,args) {
if(!events[evt]){
return
}
for(var i =0 ; i<events[evt].length;i++){
events[evt][i].handler(args);
}
}
function off(name) {
delete events[name]
}
return {
on:on,
fire:fire,
off:off
}
})();
EventCenter.on("hello",function (name) {
alert(name)
});
EventCenter.fire("hello","456");//alert=>456
EventCenter.fire("hello","123");//alert=>123
EventCenter.off("hello");//解除事件
EventCenter.fire("hello","123");//沒有彈框
- 使用發(fā)布訂閱模式寫一個(gè)事件管理器，可以實(shí)現(xiàn)如下方式調(diào)用
Event.on('change', function(val){
console.log('change... now val is ' + val);
});
Event.fire('change', '饑人谷');
Event.off('changer');
var Event = (function () {
var events={};
function on(evt,handler) {
events[evt] = events[evt] || [];
events[evt].push({
handler:handler
});
}
function fire(evt,args) {
if(!events[evt]){
return
}
for(var i =0 ; i<events[evt].length;i++){
events[evt][i].handler(args);
}
}
function off(name) {
delete events[name]
}
return {
on:on,
fire:fire,
off:off
}
})();
Event.on('change', function(val){
console.log('change... now val is ' + val);
});
Event.fire('change', '饑人谷'); //change... now val is 饑人谷
Event.off('change');//移除事件
