JavaScript高手转正学习(4)-封装你的代码

时间: 2015-11-17 00:00 栏目: JavaScript 浏览: 4320 赞: 28 踩: 1 字体:

以下为本篇文章全部内容:

大家好,我叶子,接下来继续讲一讲 Js的封装。

虽然 现在还有很多人的代码 是散件的,还有一些是针对页面而写的,可能有些页面还会重复出现~~

为了能很好的管理你的代码 我建议从现在开始  封装你的代码。

这里 先说明 封装JS 代码 并不等于全部写成类的形式。
在JS这门奇葩语言中 封装代码 可见是品种奇杂,我在这里先大概介绍一下常见的几种封装。

1 按类封装

每个页面 都是一个功能类,这个类可以是 基于原型扩展的  也可以是方法属性拷贝的(后期会讲) 也可以是 伪造借用的(后期讲) 还有很多形形色色的实现的类。

功能一般都是提供 可实例化  可继承 并且可以扩展 实现某些功能的类。

(具体封装 待续...)

2 插件形式封装

 现在有好多 已一种框架形式 作为主体 比如 jQurey 等,然后把相应的功能做出插件 补充完善框架需要的功能。

(主要讲解 Jq 的封装)


3 以模块化组件模式封装
 
 越来越多的人开始使用 如 requirejs 框架 ,并按照其要求 对自己的功能实现相应的封装,这种模式 在 nodejs 等极为常见 也是一种趋势。

4 以事件驱动形式封装

 比如 我们常见的 socket.io 等,把所有要做的事情看成事件,通知 触发 等需求,来实现对数据的简化处理。这也是现在比较常见流行的做法。


现主要以这4中封装模式 逐一演示如何封装好你的代码。

未完待续....