hey-global
javascript全局变量控制
安装
npm install --save hey-global
Js引用
直接使用script标签引用js文件,可以通过github下载,引用build/global.js文件
使用的时候,直接引用G变量
G.set('GENDER', {
1: '先生',
2: '女士',
})
webpack配置建议
一般使用hey-global的时候,我们建议定义成全局变量G,如果你使用的是webpack,可以做如下配置:
new webpack.ProvidePlugin({
G: 'hey-global'
});
方法
set(name, value) 存储变量
import G from 'hey-global';
G.set('GENDER', {
1: '先生',
2: '女士',
})
G.set('Account', {});
G.set('Admin', true);
G.set('env', {
fileOs: 'http://www.download.com',
socketOs: 'ws://www.socket.com',
});
get(name) 获取变量
const gender = G.get('GENDER')
const account = G.get('Account');
const isAdmin = G.get('Admin');
const env = G.get('env');
addlistener(name, func) 添加全局监听
let todoTrigger = G.addlistener('NEW_TODO', (data)=>{
console.log(`new todo: ${date.message}`)
});
trigger(name, param) 触发监听事件
G.trigger('NEW_TODO', {message: 'go home'});
removelistener(id) 删除监听事件
当无需处理的时候,可以通过removelistener删除监听
G.removelistener(todoTrigger);