function其实就是一系列JS语句的集合,这些语句组合起来可以对目标(例如DOM)进行操作。
用户在浏览网页时,其中的JS起作用的方式基本是事件驱动的,也就是用户触发一个事件(例如点击按钮),JS对该事件进行响应处理(进行一系列的JS操作),这时,预先定义的function就可以作为处理函数来响应用户触发的事件,如果不定义function,用户则可能需要编写大量的重复代码,有时甚至可能无法调用(例如在HTML语句行内调用复杂JS操作时)。
所以,预先定义function目的就是,封装JS语句,使之可以方便的被调用,可以代码复用。