美文网首页
node.js学习记录一:JavaScript 模块化编程

node.js学习记录一:JavaScript 模块化编程

作者: 伍超波 | 来源:发表于2017-10-15 15:17 被阅读0次

    一、网站越来越复杂,js代码、js文件也越来越多,会遇到什么问题?

    1.命名冲突

    2.文件依赖问题:由于js文件是按顺序执行的,若多个js文件相互依赖,则必须写好他们的顺序。

    二、 什么是模块化

    1.职责单一

    2.生产效率高

    3.便于后期维护

    三、模块化开发演变

    -全局函数
    -对象封装-命名空间
    -私有共有成员分离
    -模块化规范AMD和CMD

    四、非模块化开发的问题

    • 命名冲突

    • 文件依赖的问题

    五、对象封装

    • 用命名空间的方式进行封装
    • 先约定命名的规范的形式
    • 对象里面的属性和方法很容易被修改掉,很不安全

    六、划分私有空间

    -通过匿名函数自执行的方法封装模块,
    -可以保护私有变量和方法

    例如划分:命名空间

    -a)var name = {}
    -b)通过约定的方式定义的
    -c)可以解决命名冲突的问题,但是不好
    -d)驼峰命名和匈牙利命名
    -e)缺点:没法做私有性封装

    七、模块的维护扩展

    • 开闭原则,对修改关闭,对扩展开放。
    • 增加了代码的健壮性和容错性

    八、模块的第三方依赖

    • 模块职责唯一性
    • 把依赖的模块,通过依赖注入的形式,在你的参数上进行体现。
    // 封装性 划分私有空间
    // 封装性 划分私有空间
    // 开闭原则 对直接修改关闭、拓展开放
    var calculator = (function(cal) {
        cal.add = function(a, b) {
            return a+b;
        }
        cal.substract = function(a, b) {
            return a-b;
        }
        return {
            add: cal.add,
            substract: cal.substract
        };
    })(window.calculator || {}, window.$);// 还可以引入第三方jquery插件
    // 拓展
    calculator.mutiply = function(a, b) {
        return a*b;
    }
    // 调用
    calculator.add(1,3);
    

    九、总结

    • 最大的问题,规范的问题
    • 如果在多人协作开发过程中,会有很大的问题
    • 多人协作开发过程中:代码的风格一定要统一

    相关文章

      网友评论

          本文标题:node.js学习记录一:JavaScript 模块化编程

          本文链接:https://www.haomeiwen.com/subject/gshcuxtx.html