'js难点之模块化'

发表于 | 分类于

模块化

JavaScript并非模块化编程语言，至少ES6落地之前都不是。然而对于一个复杂的Web应用，模块化编程是一个最基本的要求。这时，可以使用立即执行函数来实现模块化，正如很多JS库比如jQuery以及我们Fundebug都是这样实现的。 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

var module = (function() {   
    var N = 5;   
    function print(x) {      
        console.log("The result is: " + x);
    }   
    function add(a) {      
        var x = a + N;
        print(x);
    }   
    return {
        description: "This is description",
        add: add
    };
})();   
console.log(module.description); // 输出"this is description" module.add(5); // 输出“The result is: 10”

所谓模块化，就是根据需要控制模块内属性与方法的可访问性，即私有或者公开。在代码中，module为一个独立的模块，N为其私有属性，print为其私有方法，decription为其公有属性，add为其共有方法。

参考资料

Javascript模块化编程（一）：模块的写法
Javascript模块化编程（二）：AMD规范
Javascript模块化编程（三）：require.js的用法