前端开发中的设计模式 - 模板模式

模版方式中，子类根据保持父类界定的抽象函数，最后保持父类能够 启用子类的方式的目地。在一般来说，只有子类启用父类的方式，可是在模版方式中，子类保持了父类事先设定的涵数，从而实现父类知道有子类有哪些方法会去实现，让父类调用子类成为可能。

现实生活中的例子

譬如我们做菜的时候会看菜谱，菜谱中一条一条记录了做菜的方式，但是并不是每一个步骤都是固定的，有些步骤可能是由做菜者可以自由选择，比如调料的分量，如果你你想吃“爆辣”，你可能多放一些辣椒，如果你想吃清淡，那你可能根本就不放辣椒，放多少辣椒这个步骤是由做菜人根据当时的环境自己决定的，但是菜谱本身的指导作用是显然存在，不可否认的。这跟模板模式是相似的，父类确定并实现了绝大部分过程，而其中一小部分过程留给子类去实现，这些可以由子类实现的步骤在编程中叫hook，或者叫生命周期函数。

前端开发中的应用

们在vue组件开发过程中，会要实现beforeCreate，created，destroyed等生命周期函数，这些生命周期函数其实就是模板模式的一个应用，我们通过实现生命周期函数，使得vue解析器在进行组件实例化时，可以根据我们当前组件的实际情况进行不同的处理，譬如我们在destroyed的函数当中可能要去处理一些其他组件并不具有的资源占用情况因此。从vue的生命周期函数定义中可以看出，模板模式主要解决两件事情，第一件事情就是：通过提供生命周期函数机制（hook,钩子函数），由子类提供最终完成目标所需要的中间步骤（beforeCreate）；第二件事，某件事情要最终完美完成需要子类去补充的步骤处理(destroyed)。