媒介
这是react事宜机制系列文章的第二篇-关于合成的明白，我们就来讲说合成这个名词。
刚据说合成这个词时刻，以为是迥殊嵬峨上，很有深度，不是很好明白。
当我也许的相识过react事宜机制后，稍微相识一些外相，我以为合成不单单是事宜的合成和处置惩罚，从广义上来讲还包括：
1.起首就是对原生事宜的封装
2.对某些原生事宜的晋级和革新
3.差别浏览器事宜兼容的处置惩罚
1. 对原生事宜的封装
先看一段再熟习不过的代码
上面代码是给一个元素增添click事宜的回调要领
要领中的参数e，实在不是原生事宜对象而是react包装过的对象，同时原生事宜对象被放在了属性 e.nativeEvent 内。
经由过程调试，在执行栈里看下这个参数e包括哪些属性
vhR)
![图片上传中…]
看下官方文档，协助我们明白下合成事宜
SyntheticEvent是react合成事宜的基类，定义了合成事宜的基本大众属性和要领。
react会依据当前的事宜范例来使用差别的合成事宜对象，比方鼠标单机事宜 – SyntheticMouseEvent，核心事宜-SyntheticFocusEvent等，然则都是继续自SyntheticEvent。
2.对原生事宜的晋级和革新
关于有些dom元素事宜，我们举行事宜绑定以后，react并非只处置惩罚你声明的事宜范例，还会分外的增添一些其他的事宜，协助我们提拔交互的体验。
这里就举一个例子来讲明下：
当我们给input声明个onChange事宜，看下 react帮我们做了什么？
能够看到react不只是注册了一个onchange事宜，还注册了许多其他事宜。
而这个时刻我们向文本框输入内容的时刻，是能够及时的获得内容的。
但是原生只注册一个onchange的话，需要在落空核心的时刻才触发这个事宜。
所以这个原生事宜的缺点react也帮我们弥补了。
ps：上面赤色箭头中有一个 invalid事宜，这个并没有注册到document上，而是在详细的元素上。我的明白是这个是html5新增的一个事宜，当输入的数据不符合考证划定规矩的时刻自动触发，但是考证划定规矩和设置都要写在当前input元素上，假如注册到document上这个事宜就无效了。
3.浏览器事宜的兼容处置惩罚
这个也算是一个点吧。react在给document注册事宜的时刻也是对兼容性做了处置惩罚。
看下代码
上面这个代码实在就是给document注册事宜，内部实在也是做了对ie浏览器的兼容。
总结：
以上就是我关于react合成这个名词的明白，实在react内部还处置惩罚了许多，我只是稍微简朴的举了几个栗子。
本文算是一个过分吧，背面最先聊事宜注册和事宜派发的机制。走起~
更多精彩内容迎接关注我的民众号-前端张大胖
