JavaScript命名空间

最新推荐文章于 2023-11-26 02:09:01 发布

RainsP

最新推荐文章于 2023-11-26 02:09:01 发布

阅读量108

点赞数

分类专栏： web前端 javascript 模块化文章标签：命名空间 JavaScript 立即执行函数表达式

本文链接：https://blog.csdn.net/qq_25800235/article/details/83376566

版权

web前端同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

javascript

12 篇文章 0 订阅

订阅专栏

模块化

4 篇文章 0 订阅

订阅专栏

                    
                        
                    
                    方法名称前缀命名空间对象命名空间IIFE立即执行函数表达式
代码var moduleA_a = 0;
function moduleA_methodA(){...}var moduleB = {
b:0,
methodB:function(){...}var moduleC = (function(){
var c=0;
function methodC(){...}
return {
methodC:methodC
}
})();
优点1.有效防止命名冲突1.有效防止命名冲突
2.有效防止变量污染1.有效防止命名冲突
2.有效防止变量污染
3.能创建私有作用域，自定义暴露属性和接口
缺点1.仍然有大量全局变量1.产生‘嵌套对象命名空间’，调用代码变长
 2.所有属性和方法都会暴露，没有私有变量暂无
总结治标不治本还是有问题暂无问题

                

方法名称	前缀命名空间	对象命名空间	IIFE立即执行函数表达式
代码	`var moduleA_a = 0;` `function moduleA_methodA(){...}`	`var moduleB = {` `b:0,` `methodB:function(){...}`	`var moduleC = (function(){` `var c=0;` `function methodC(){...}` `return {` `methodC:methodC` `}` `})();`
优点	1.有效防止命名冲突	1.有效防止命名冲突 2.有效防止变量污染	1.有效防止命名冲突 2.有效防止变量污染 3.能创建私有作用域，自定义暴露属性和接口
缺点	1.仍然有大量全局变量	1.产生‘嵌套对象命名空间’，调用代码变长 2.所有属性和方法都会暴露，没有私有变量	暂无
总结	治标不治本	还是有问题	暂无问题