小伙子

'use strict'
let log = console.log.bind(console)
function Speed (x, y) {
  this.x  = x
  this.y = y
}

Speed.prototype.run = function () {
  log('run')
}

function Color (cl) {
  this.cl = cl
}

Color.prototype.draw = function () {
  log('draw')
}

function Shape (sp) {
  this.shape = sp
}

Shape.prototype.change = function () {
  log('改变形状')
}

function Speek (word) {
  this.word = word
}

Speek.prototype.say = function () {
  log('fuck')
}

// 创建一座桥梁，在生成 Ball的时候直接 new Ball
function Ball (x, y, c) {
  this.speed = new Speed(x, y)
  this.color = new Color(c)
}

Ball.prototype.init = function () {
  this.speed.run()
  this.color.draw()
}

function People (x, y, f) {
  this.speed = new Speed(x, y)
  this.speek = new Speek(f)
}
People.prototype.init = function () {
  this.speed.run()
  this.speek.say()
}

// 通过桥梁生成实体
var ball = new Ball(1, 2, '#ccc')
ball.init()

'use strict'
var A = (function () {
  var o = {
    g: function (id) {
      return document.getElementById(id)
    }
  }
  // todo: 其余不想写了，就是获取元素，添加事件的封装
  return o
}())

'use strict'
var single = (function () {
  var instance = null

  function Fuck (bitch) {
    this.bitch = bitch
  }

  Fuck.prototype.start = function () {
    return this.bitch
  }

  return {
    getInstance: function (bitch) {
      if (!instance) {
        instance = new Fuck(bitch)
      }
      return instance
    }
  }
})()

// 共享一个实例
var s = single.getInstance('fucker')
console.log(s)
var y = single.getInstance('dsfsd')
console.log(y)
console.log(y.start())

~function () {
  'use strict'

  var Human = function (param) {
    this.skill = param && param.skill || '保密'
    this.hobby = param && param.hobby || '保密'
  }

  Human.prototype = {
    getSkill: function () {
      return this.skill
    },
    getHobby: function () {
      return this.hobby
    }
  }

  var Named = function (name) {
    var _this = this
    // 构造
    ~function (name, _this) {
      _this.wholeName = name
      if (name.indexOf(' ') > -1) {
        _this.firstName = name.slice(0, name.indexOf(' '))
        _this.secondName = name.slice(name.indexOf(' '))
      }
    }(name, _this)

  }

  var Work = function (work) {
    var _this = this
    ~function (work, _this) {
      switch (work) {
        case 'code':
          _this.work = '工程师'
          _this.workDescript = '每天沉醉于编程'
          break
        case 'UI':
        case 'UE':
          _this.work = '设计师'
          _this.workDescript = '设计更似一种艺术'
          break
        case 'teach':
          _this.work = '教师'
          _this.workDescript = '分享也是一种快乐'
          break
        default:
          _this.work = work
          _this.workDescript = '不清楚你的职业'
      }
    }(work, _this)
  }

  Work.prototype.changeWork = function (work) {
    this.work = work
  }

  Work.prototype.changeDescript = function (descript) {
    this.workDescript = descript
  }

  var Person = function (name, work) {
    var _person = new Human()
    _person.name = new Named(name)
    _person.work = new Work(work)

    return _person
  }

  var person = new Person('s b', 'UI')

  console.log(person.skill)
  console.log(person.name.firstName)

}()

'use strict'
const log = console.log.bind(console)

log('--------简单工厂，就是一个简单的封装--------')

~function () {
  function Button (type, placeholder) {
    let o = Object.create(null)
    o.content = placeholder
    o.click = function () {
      log(placeholder)
    }

    if (type === 'error') {
      o.color = 'red'
    } else {
      o.color = 'blue'
    }

    return o
  }

  var errorBtn = Button('error', 'heheheheh')
  var primaryBtn = Button('df', 'dfsdfsdfsdfd')
  log(errorBtn.content)
  log(primaryBtn.content)
}()

log('-------工厂方法模式---------')

~function () {
  function Button (type, content) {
    if (this instanceof Button) {
      var o = new this[type](content)
      return o
    } else {
      return new Button(type, content)
    }
  }

  Button.click = function (content) {
    log(content)
  }

  Button.prototype = {
    constructor: 'Button',
    error: function (content) {
      this.color = 'red'
      Button.click(content)
    },
    primary: function (content) {
      this.color = 'blue'
      Button.click(content)
    }
  }

  var a = Button('error', 'content')
  log(a.color)

}()