jQuery

function Person() {      this.name = 'Jack'    }// 加入单例模式核心代码    let instance = null    function singleTon() {    if (!instance) instance = new Person()    return instance    }//创建并使用 singleTon//当我第一次调用 singleTon 的时候, instance 是 null//就要执行 new Person 给 instance 赋值, 从此以后, instance 就是一个 Person 的实例了//返回 instance    const p1 = singleTon()//当我第二次调用 singleTon 的时候         //此时 instance 是第一次 new 出来的实例     //if 条件就不会执行了, 直接返回第一次实例的地址     const p2 = singleTon()    console.log(p1, p2)    console.log(p1 === p2)

// 观察者构造函数    class Observer {      constructor (name, fn = () => {}) {        this.name = name        this.fn = fn      }    }// 创建两个观察者    const njzr = new Observer('年级主任', (state) => { console.log('因为: ' + state + ' , 你是哪个年级的') })    const bzr = new Observer('班主任', (state) => { console.log('因为: ' + state + ' , 明天叫你家长来学校') })    const xz = new Observer('校长', (state) => { console.log('因为: ' + state + ' , 训斥你的班主任') })// 被观察者的构造函数    class Subject {      constructor (state) {// 记录自己的状态        this.state = state// 数组用来保存观察着我的人        this.observsers = []      }// 设置自己的状态      setState (val) {        this.state = val// 把 我的所有观察者 的技能都触发        this.observsers.forEach(item => {// item 就是每一个观察者, 就是一个一个的对象// 把每一个观察者的技能触发掉// 告诉他我改变成了什么状态          item.fn(this.state)        })      }// 添加观察着      addObserver (obs) {// 谁是观察着, 是就传递谁进来// 判断一下, 如果观察者已经存在, 就不再添加了        this.observsers = this.observsers.filter(item => item !== obs)        this.observsers.push(obs)      }// 删除观察者      delObserver (obs) {// 把 obs 观察者删除，直接使用 filter 方法        this.observsers = this.observsers.filter(item => item !== obs)      }    }// 创造一个被观察者    const xiaoli = new Subject('学习')
    xiaoli.addObserver(njzr)    xiaoli.addObserver(bzr)    xiaoli.addObserver(xz)
    const xiaowen = new Subject('读书')    xiaowen.addObserver(bzr)    xiaowen.addObserver(xz)    console.log(xiaoli)    console.log(xiaowen)

// 创建一个第三方观察着构造函数    class Observer {      constructor () {        this.message = {}      }// 创建一个第三方观察着构造函数    class Observer {      constructor () {        this.message = {}      }// 直接进行 push        this.message[type].push(fn)      }// 2. 删除消息队列里面的内容      off (type, fn) {// 判断 如果 fn 不存在, 只有一个参数的情况        if (!fn) {// 直接把这个事情取消掉          delete this.message[type]          return        }// 3. 触发消息队列      trigger (type) {// 判断是不是有订阅过        if (!this.message[type]) return// 找到这个数组, 把里面的每一个函数触发        this.message[type].forEach(item => {// item 就是每一个函数          item()        })      }    }// 使用构造函数创建一个实例    const person1 = new Observer()
// 当你向拜托这个 person1 帮你观察一些内容的时候// 告诉你一个行为, 当行为出现的时候, 告诉你干什么    person1.on('a', handlerA)    person1.on('b', handlerB)// 告诉 person1, 我这个事情不用你关了// 1. 我只告诉你这个事情不用你管// person1.off('a') // 把 消息队列 里面属于 a 的数组清空掉// person1.off('a', handlerA) // 告诉你 a 发生的时候, 不用做 handerA 这个事情了    person1.trigger('a')// person1 这个人一旦触发 a 行为, 就要把后面的所有事件处理函数执行掉     console.log(person1)    function handlerA() { console.log('handlerA') }    function handlerB() { console.log('handlerB') }    

 // 2.留下添加折扣和删除折扣的接口    const calcPrice = (function () {      const sale = {        '100_10': function (price) { return price -= 10 },        '200_25': function (price) { return price -= 25 },        '80%': function (price) { return price *= 0.8 }      }   function calcPrice(price, type) {        if (!sale[type]) return '没有这个折扣'        return sale[type](price)      }// 把函数当作一个对象, 象里面添加一些成员      calcPrice.add = function (type, fn) {// 专门用来添加折扣// 判断这个折扣是不是存在        if (sale[type]) return '该折扣已经存在'// 代码来到这里, 表示折扣不存在        sale[type] = fn        return '添加成功'      }// 删除一个折扣      calcPrice.del = function (type) { // 把对应的折扣删除掉        delete sale[type]      }      return calcPrice    })()// 使用的时候// 添加一个折扣    calcPrice.add('70%', function (price) { return price *= 0.7 })    const res = calcPrice(320, '70%')    console.dir(res)    calcPrice.del('100_10')    const res2 = calcPrice(320, '100_10')    console.log(res2)