javascipt模块化编程(速记)

最新推荐文章于 2025-08-01 00:15:00 发布

原创最新推荐文章于 2025-08-01 00:15:00 发布 · 485 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文探讨了模块化编程在避免全局变量污染、对象封装、立即执行函数及宽放大模式等场景的应用，提供了核心概念与代码示例，帮助开发者理解和实施模块化策略，提升代码质量和维护性。

 //模块化

        //1 污染全局变量，无法看出依赖关系
        function  m1(){

        }
        function m2(){}
        //2 对象封装，内部属性容易被外部修改
        var module={
            _count:1,
            m1:function(){

            },
            m2:function(){

            }
        };
        module.m1();
        module._count=3;//外部修改内部属性
        //3 立即执行函数,放大模式.module可能未定义，需要允许module={}
        var module1=(function(mod){
            var count=1;
            mod.m1=function(){

            }
            return mod;
        })(module1);
        //--增加模块
        var module1 = (function(mod){
            mod.m2=function(){

            }
        })(module1);
        //4 宽放大模式(最佳)
        var mod=(function(mod){
            var count =1;
            mod.m1=function(){

            };
            return m1;
        })(window.mod||{});