Theia APIs——事件
2020-01-10 16:36
411 查看
事件
Theia中的事件或许会让你感到困惑,希望本节能阐述清楚。 来看下面的代码: (来自logger-watcher.ts)@injectable() export class LoggerWatcher { getLoggerClient(): ILoggerClient { const emitter = this.onLogLevelChangedEmitter return { onLogLevelChanged(event: ILogLevelChangedEvent) { emitter.fire(event) } } } private onLogLevelChangedEmitter = new Emitter<ILogLevelChangedEvent>(); get onLogLevelChanged(): Event<ILogLevelChangedEvent> { return this.onLogLevelChangedEmitter.event; } }
先来看看这一行:
private onLogLevelChangedEmitter = new Emitter<ILogLevelChangedEvent>();首先,什么是Emitter? Emitter是事件处理程序的容器,可以在上面注册事件处理程序并使用类型为X的事件触发它,在上面的例子中,X的类型为ILogLevelChangedEvent。 所以这里我们创建了一个Emitter,它将包含所有类型为ILogLevelChangedEvent的事件。 接下来,我们希望能够在这个Emitter上注册一个事件处理程序,可以像这样:
get onLogLevelChanged(): Event<ILogLevelChangedEvent> { return this.onLogLevelChangedEmitter.event; }它实际返回的是一个函数,用来注册事件处理程序,你只需要将事件处理程序的函数传递给它,它将注册该事件,然后当事件触发的时候该处理程序会被调用。 你可以这样调用: (来自logger.ts)
/* Update the root logger log level if it changes in the backend. */ loggerWatcher.onLogLevelChanged(event => { this.id.then(id => { if (id === this.rootLoggerId) { this._logLevel = Promise.resolve(event.newLogLevel); } }); });这将在emitter上注册一个匿名函数,并将其作为参数进行传递。 接下来,我们需要触发一个事件来执行该事件处理程序。
onLogLevelChanged(event: ILogLevelChangedEvent) { emitter.fire(event) }当调用该函数时,emitter触发并调用所有的事件处理程序。 所以,如果你想在Theia中触发事件,需要:
- 创建一个emitter
- 使用emitter.event函数注册事件
- 使用emitter.fire(event)函数触发事件
相关文章推荐
- Theia APIs——命令和快捷键
- Theia APIs——Preferences
- jquery的监听事件和触发事件
- 《View的事件体系》(一)View基础知识
- 事件监听-学习笔记
- Android开发给TextView添加点击事件
- 委托与事件
- (转) JS禁用鼠标滚轮事件
- js操作输入框提示信息且响应鼠标事件
- ASP.NET Web 服务器控件事件模型
- jquery之jquery事件模型(简介)
- HTML readyState 属性 iframe onreadystatechange事件
- Android 监听back事件,点击两次退出程序
- 小记录:CEGUI中鼠标事件的处理
- Oracle Wait Interface读书笔记之Buffer busy waits事件 [转]
- jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
- Android 事件总线OTTO用法快速入门
- ListView中如何使用Button,让onClick和onItemClick事件共存
- Android事件分发机制完全解析,带你从源码的角度彻底理解(上)
- Jquery事件(Events)介绍