js 模块化初探

注：这篇文章只是对阮老师的文章^[1]作的笔记。

 

一.概念

js 模块化编程，故名思义就是将js代码进行模块划分，而不是像以前那样堆砌在一起，目的是为了以后方便组织管理（多说一句，现在前端工程飞速发展，一些新兴的工具的出现，基本上都是为了工程有序化地开展，避免烂尾）。

 

模块的特性^[2]：

• 独立性——能够独立完成一个功能，不受外部环境的影响
• 完整性——完成一个特定功能
• 集合性——一组语句的集合
• 依赖性——可以依赖已经存在的模块
• 被依赖——可以被其他模块依赖

 

二.立即执行函数写法

var calc = (function() {
    var add = function(a, b) {
        return a + b;
    };

    var minus = function(a, b) {
        return a - b;
    };

    return {
        add: add,
        minus: minus
    };
})();

 

 三.模块放大

var calc = (function(m) {
    var multiply = function(x, y) {
        return x * y;
    };

    m.multiply = multiply;

    return m;
})(calc);

 

四.输入全局变量（依赖模块）

var module = (function($) {
    // $.fn.func ...
})(jQuery);

 

参考资料：

[1] Javascript模块化编程（一）：模块的写法

[2] JavaScript模块的前世今生

 

published by imzhi at 2015-8-27