透过现象看本质: 常见的前端架构风格和案例(6)

按照我的理解组件跟函数是一样的东西，这就是为什么函数式编程思想在React中会应用的如此自然。若干个简单函数，可以复合成复杂的函数，复杂的函数再复合成复杂的应用。对于前端来说，页面也是这么来的，一个复杂的页面就是有不同粒度的组件复合而成的。

组件另外一个重要的特征就是内聚性，它是一个独立的单元，自包含了所有需要的资源。例如一个前端组件较包含样式、视图结构、组件逻辑:

其他

我终于编不下去了!还有很多架构风格，限于文章篇幅, 且这些风格主要应用于后端领域，这里就不一一阐述了。你可以通过扩展阅读了解这些模式

• 面向对象风格: 将应用或系统任务分割为单独、可复用、可自给的对象，每个对象都包含数据、以及对象相关的行为
• C/S 客户端/服务器风格
• 面向服务架构(SOA): 指那些利用契约和消息将功能暴露为服务、消费功能服务的应用
• N层/三层: 和分层架构差不多，侧重物理层. 例如C/S风格就是一个典型的N层架构
• 点对点风格

通过上文，你估计会觉得架构风格比设计模式或者算法好理解多的，正所谓‘大道至简’，但是‘简洁而不简单’!大部分项目的架构不是一开始就是这样的，它们可能经过长期的迭代，踩着巨人的肩膀，一路走过来才成为今天的样子。

希望本文可以给你一点启发，对于我们前端工程师来说，不应该只追求能做多酷的页面、掌握多少API，要学会通过现象看本质，举一反三融会贯通，这才是进阶之道。

（编辑：ASP站长网）