【JavaScript】从事件驱动到数据驱动

批处理

　　在多年以前，计算机程序通常是以批处理的模式运行。所谓批处理，就是开发者事先写好一些代码，再将这些代码一次运行。这种处理方式有点类似于通过HTML代码直接编写的网页。浏览器只是将HTML代码逐行解析，并显示在浏览器窗口。
　　后来，在批处理模式中，开发者可以加入一些特定的代码，在程序批处理期间，可以停下来等待用户输入一些信息，并根据用户输入的信息来判断和执行某个程序分支，这就使程序有了初步的交互性。
　　随着鼠标、触摸屏等设备的出现，批处理时代就逐渐远去，取而代之的是事件驱动的时代。当然，批处理也还能使用，只是使用的范围和频率比事件驱动要少得多。以鼠标为例，在事件驱动中，用户可以使用鼠标单击等方式进行操作，程序则根据鼠标指针的位置以及单击的方式进行响应。JavaScript使用的就是这种事件驱动的程序设计方式。

事件驱动

　　JS是事件驱动（Event Driver）的编程语言。Dom元素上的事件绑定是用来驱动业务逻辑的主要手段。JS中的事件流分为两种：1.事件冒泡，2.事件捕获。事件冒泡个人的简单理解就是从确定到不确定，从小的元素到最后的document，事件捕获则恰巧相反，它是从不确定到确定，从大到小。
　　事件在实际的业务开发里面十分的重要，它不仅仅是业务逻辑的推动者也是与对象交互的入口。每个事件都会有一个event对象，对象里面包含了各种你所想得到的信息，一般来说我们实际里面需要的是绑定事件的这个dom元素本身，此时通过e.target就可以得到触发事件的元素本身了。
　　在实际开发里面&