« 上一篇下一篇 »

JavaScript如何分层

分层可以让我们代码组织条理更清晰,减少冗余提高代码重用率。和CSS一样,我把JavaScript分成三层,从下往上依次是base层、common层和page层。需要说明的是,如何分层是一件主观的事情,为的是“把事情变得更好”,没有对和错之分,只有好和坏,我并不是说“只有这样分层才是对的”,我在这里分享的是我自己的经验,推荐给大家参考。

    1、base层

    位于三层的最底端,这一层有两个职责。职责一是封装不同浏览器下JavaScript的差异提供统一的接口,我们可以依靠它来完成跨浏览器兼容的工作。职责二是扩展JavaScript语言底层提供的接口,让它提供更多更为易用的接口。Base层的功能是给common层和page层提供接口。

    2、common层

    位于三层的中间,依赖于base层提供的接口。common层提供可供复用的组件,它是典型的mvc模式中的m,和页面内的具体功能没有直接关系。Common层的功能是给page层提供组件。

    3、page层

    位于三层的最顶端。这一层和页面里的具体功能需求直接相关,是mvc模式中的c。Page层依赖于base层和common层。Page层的功能是完成页面内的功能需求。

« 上一篇下一篇 »