观察者模式和订阅者模式

简单的订阅者模式

1、要有个存放订阅的事件队列
2、通过on去订阅事件
3、emit去触发事件

const fs = require('fs'); // node的自带模块
const path = require('path');
const resolve = (...file) => {
    return path.resolve(__dirname, ...file);
};
console.log(resolve('../age.txt'));
let eventObj = {
    arr: [], // 中介存放订阅的事件
    on(fn) {
        // 订阅
        this.arr.push(fn);
    },
    emit() {
        // 发布
        this.arr.forEach((fn) => {
            fn();
        });
    }
};
let obj = {};
fs.readFile(resolve('../age.txt'), 'utf8', function (err, data) {
    if (err) return console.log(err);
    obj.age = data;
    eventObj.emit();
});
fs.readFile(resolve('../name.txt'), 'utf8', function (err, data) {
    obj.name = data;
    eventObj.emit();
});

eventObj.on(() => {
    if (Object.keys(obj).length == 2) {
        console.log(obj);
    }
    console.log('当前数据读取了');
});

观察者模式

将所有的观察者都放到被观察者中 (基于发布订阅的) 里面内部有关联的

// 被观察者
class Subject {
    constructor(name) {
        this.name = name;
        this.Observers = [];
        this.state = '玩呢';
    }
    // 被观察者中要存放所有的观察者
    attach(o) {
        this.Observers.push(o);
    }
    setState(newState) {
        if (this.state !== newState) {
            this.state = newState;
            this.Observers.forEach((o) => {
                o.update(this);
            });
        }
    }
}

class Observer {
    constructor(name) {
        this.name = name;
    }
    update(baby) {
        console.log(baby.name + '跟' + this.name + '说：' + baby.state);
    }
}

// 被观察者
let baby = new Subject('小宝宝');
let o1 = new Observer('爸爸');
let o2 = new Observer('妈妈');

baby.attach(o1);
baby.attach(o2);
baby.setState('有人打我');
// 打印
// 小宝宝跟爸爸说：有人打我
// 小宝宝跟妈妈说：有人打我

3.区别

订阅者模式是通过中介关联事件

观察者模式要被观察者和观察者直接关联事件