JavaScript设计模式

``` // 经典的循环绑定ul-li事件 对于新增的li标签也能绑定事件 ul.onclick = function(e) { var e = e || window.event, tar = e.

``` // var A = function() {} // A.prototype = { // length: 2, // size: function() { // return this.l

``` 1 2 6 7 ``` ``` function getSublings(node) { if(node.previousSibling) { var name = '', count = 1

``` var Iterator = function(items, container) { var container = contaner || document.getElementById(

``` var cache = (function() { var _cache = {} return function(data, fun) { if(_cache[data]) { // 如果缓

``` var Mediator = (function() { var _msg = {} return { register: function(type, fun) { if(_msg[type

``` var bindEvent = function(dom, type, fn) { if(dom.addEventListener) { dom.addEventListener(type,

``` var Command = (function() { var template = { product: [' ', '', ' {#text#} ', ' '].join(''), tit

``` /* 对于一个表单验证的功能、如果当前表单需求未能确认后续会添加完善, 这时需要对验证功能进行分析,分解解耦成单个的动作 */ function getData(data, dealType,

``` //策略模式 内部变量存放所有策略方法,通过暴露的方法进行调用 var Strategy = (function () { var method = { m1 : function(param

``` var States = { state0 : function(){ console.log(0) }, state1 : function() { console.log(1) }, st

``` var Observe = (function() { var _message = {} return { regist: function(type, fn) { if(typeof _m

``` function Alert(data) { if(!data) { this.data = '' } this.container = document.createElement('div

``` // var Flyweight = function() { // var created = [] // function create() { // var dom = document

``` var News = function() { this.children = [] this.element = null } News.prototype = { init: functi

``` function Color(clr) { this.clr = clr } Color.prototype.draw = function() { console.log('draw',th

``` function decorator(dom, type, fn) { if(typeof dom[type] == 'funtion') { let oldMethods = dom[typ

``` // let obj = { // name: '', // age: '', // date: '', // price: 123, // size: '', // count: '', /

``` // let name = 'gh' // let obj = { price:1, count: 10} function fn(name = 'guohua', obj={ price:0

``` // 对于DOM 0级绑定的事件下面的方法会被覆盖 不利于代码的维护和开发 document.onclick = function() { // } // 当然我们可以用addEventlis