工厂模式练习 | 码农工具

xxxxxxxxxx
 
var Factory = function(type, content) {
  if (this instanceof Factory) {
    return new this[type](content);
  } else {
    return new Factory(content);
  }
}
​
Factory.prototype = {
  Java: function(content) {
    this.content = content;
    (function(content) {
      var div = document.createElement('div');
      div.innerHTML = content;
      div.style.color = 'green';
      document.getElementById('container').appendChild(div);
    })(content)
  },
  PHP: function(content) {
    this.content = content;
    (function(content) {
      var div = document.createElement('div');
      div.innerHTML = content;
      div.style.color = 'yellow';
      div.style.background = 'red';
      document.getElementById('container').appendChild(div);
    })(content)
  },
  UI: function(content) {
    this.content = content;
    (function() {
      var div = document.createElement('div');
      div.innerHTML = content;
      div.style.border = '1px solid red';
      document.getElementById('container').appendChild(div);
    })(content)
  }
}
​
var data = [
  {type: 'Java', content: 'Java哪家强'},
  {type: 'PHP', content: 'PHP哪家强'},
  {type: 'UI', content: 'UI哪家强'},
];
​
data.map(function(item) {
  Factory(item.type, item.content);
})
JavaScript