设计模式

单例子模式 

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'}]);