您的位置:首页 > Web前端 > JavaScript

Javascript 模块化编程

2013-03-30 23:21 190 查看
记的刚开始用JS写代码的时候,都是一个方法一个方法的处理某个事情,比如

function check(){
do something.....
}


 这样写的好处就是方便,什么时候用,什么时候写,但是坏处就是污染了全局空间,很容易出现重复的名字,而且不容易维护。

后来想到了用命名空间来解决全局空间的问题,比如下面的写法

var com={};
var com.do={};
com.do.get=function(){};


这样,方法名字就不会污染全局空间了,而且不同的人写的方法命名空间也会不一样,但是也有一个坏处那就是,每次调用一个方法的时候,都得写老长的名字,比如com.do.get(),这样很不人性化。

所以模块化的概念就出来了,把每一个功能集合放在一个模块里,每个想引用别的模块的功能是,调用require即可,目前模块化编程规范有CMD和AMD,下面我就拿玉伯的seaJS模块类库来说说,怎么在程序里进行模块化编程。

使用seajs开发模块的时候,要遵守CMD规范,一个文件就是一个模块,比如项目中通常会定义一个通用的JS文件,放一些常有的功能,可以如下定义

//文件名为util.js
define(function(require,exports){
exports.showMsg(msg){
console.log(msg);
};
});


 页面中调用可以这样写

<script  src="seajs.js"></script>
<script>
seajs.use("util",function(util){
util.showMsg("hello world!");
});
</script>


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: