大家都知道 React 实现了自己的一套事件系统，今天就来说说这套事件系统的底层事件基类 SyntheticEvent ，它位于 events package 下。
下面是 Interface ，它挂载在 SyntheticEvent 作为其静态属性，其他子类主要是通过 Interface 来生成扩展自己特有的属性：
紧接着就是在原型上挂载 preventDefault 、 stopPropagation 、 presist 、 isPersistent 、 destructor 等方法以及属性：
上面提到了 react 为了提升性能，在实现了一个 事件池 的概念，这样被释放的事件就可以被放入其中，下次再使用时，直接从其中取，省去了在此创建和销毁的开销：
此外，大家知道，不同的事件有不同的属于其本身的属性，如鼠标事件有 pageX/pageY ，滚轮事件有 deltaX/deltaY 等，上面的构造函数只是确定了基本的事件属性。所以 SyntheticEvent 实现了一个静态方法—— extend 用于扩展该事件类。
下面就看下它是如何扩展鼠标事件的：
以上只是了解了 react 事件的一小块，它将所有的事件都委托在 document 上，更多内容有兴趣的看下这篇文章 React事件机制 - 源码概览（上） ，如有不当，欢迎指出交流 :smile::smile:
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 探索 React 合成事件
- 极大提升合成速度，百度提出首个全并行语音合成模型ParaNet
- 基于学习的证据合成方法研究
- LearningAVFoundation之视频合成+转场过渡动画
- 文件分片上传之后端PHP合成文件
- HTML5 之音频合成（SpeechSynthesis）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
大象无形：虚幻引擎程序设计浅析
罗丁力、张三 / 电子工业出版社 / 2017-4 / 65
《大象无形：虚幻引擎程序设计浅析》以两位作者本人在使用虚幻引擎过程中的实际经历为参考，包括三大部分：使用C++语言进行游戏性编程、了解虚幻引擎本身底层结构与渲染结构、编写插件扩展虚幻引擎。提供了不同于官方文档内容的虚幻引擎相关细节和有效实践。有助于读者一窥虚幻引擎本身设计的精妙之处，并能学习到定制虚幻引擎所需的基础知识，实现对其的按需定制。 《大象无形：虚幻引擎程序设计浅析》适合初步了解虚幻......一起来看看 《大象无形：虚幻引擎程序设计浅析》 这本书的介绍吧!
