观察者模式(自定义事件)

本文介绍如何通过npm安装pubsub-js库,并详细解释了如何利用该库实现发布订阅模式。具体包括如何创建被观察者并触发事件,以及如何创建观察者来监听特定事件。

npm安装

npm install pubsub-js

每一个需要观察或者被观察的模块都引入该js文件

举例如下:

import '../../../../node_modules/pubsub-js/src/pubsub.js';

创建被观察者-此处举例是告诉观察者target的改变和值

var target='when target change';
//事件的名字
var targetChange='targetChange';
//告诉所有观察者 事件targetChange被触发 传递一个data为target 其他观察者可以拿来用
PubSub.publish(targetChange,target);

创建观察者-此处举例是监听target值的改变

// 举例 target改变事件
var targetChange='targetChange';
var target;
PubSub.subscribe(targetChange, function (msg, data) {
    target=data;//将从被观察者那里得到的数据给target 就可以开始使用已经被改变的target的值
});

个人得出结论 不确定对错

1、import {target} from ‘xx/xx’; 该target只读,不可改变。但是如果是个对象var target{xxx=1},对象的属性可以改变,target.xxx=2;但原本引用的target和对象都不会改变。
2、写在import前面的代码不会先执行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值