单例子模式
var singleton = function(fn) {
var result;
return function() {
return result || (result = fn.apply(this, arguments));
};
};
var createMask = singleton(function() {
return document.body.appendChild(document.createElement("div"));
});
简单工厂模式
function A(name) {
this.name = name;
}
function ObjectFactory() {
var obj = {},
Constructor = Array.prototype.shift.call(arguments);
console.log(Constructor);
obj._proto_ =
typeof Constructor.prototype === "number"
? Object.prototype
: Constructor.prototype;
var ret = Constructor.apply(obj, arguments);
return typeof ret === "object" ? ret : obj;
}
var a = ObjectFactory(A, "caoxh");
观察者模式
var pubsub = {};
(function(q) {
var topics = {}, // 回调函数存放的数组
subUid = -1;
// 发布方法
q.publish = function(topic, args) {
if (!topics[topic]) {
return false;
}
setTimeout(function() {
var subscribers = topics[topic],
len = subscribers ? subscribers.length : 0;
while (len--) {
subscribers[len].func(topic, args);
}
}, 0);
return true;
};
//订阅方法
q.subscribe = function(topic, func) {
if (!topics[topic]) {
topics[topic] = [];
}
var token = (++subUid).toString();
topics[topic].push({
token: token,
func: func
});
return token;
};
//退订方法
q.unsubscribe = function(token) {
for (var m in topics) {
if (topics[m]) {
for (var i = 0, j = topics[m].length; i < j; i++) {
if (topics[m][i].token === token) {
topics[m].splice(i, 1);
return token;
}
}
}
}
return false;
};
})(pubsub);
//来,订阅一个
pubsub.subscribe('example1', function (topics, data) {
console.log(topics + ": " + data);
});
//发布通知
pubsub.publish('example1', 'hello world!');
pubsub.publish('example1', ['test', 'a', 'b', 'c']);
pubsub.publish('example1', [{ 'color': 'blue' }, { 'text': 'hello'}]);