博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何避免JS变量全局污染二
阅读量:6950 次
发布时间:2019-06-27

本文共 851 字,大约阅读时间需要 2 分钟。

hot3.png

在早期学习工作中,经常在JS文件中写入各种全局变量,小项目问题倒是不大。但是对于中型项目,全局有各种变量,方法时。js代码将会令人书写头疼混乱,所以我用了一个小技巧来解决JS变量的全局污染。

//全局污染的定义 Util.jsfunction Test1(){    //代码块}function Test2(){    //代码块}

如上,在任意JS文件中都可以直接调用  Test1(),Test2() 方法。这种定义方式显然会污染整个环境。

第二种解决方法是插件式的解决方法。定义一个自定义的类来解决。

//初始化 init.jsvar Global={    VERSION_NUMBER: "Release 1.0.12",    //可以自己定义一些属性在这里};

//Class.jsGlobal.Class=  {     create: function() {         return function() {             this.initialize.apply(this , arguments);         }     } }

//Util.js 定义包名及方法Global.Util = Global.Class.create(); // 类的声明Global.Util.prototype = {    //添加属性方法     Test1: function(){         //方法块     },     Test2: function(){         //方法块     },}

以上的方法,每个功能都可以写成一个独立的文件,以后有新的功能只要对他的属性进行扩展即可。

使用方法如下:

 var util= new Global.Util(); //创建对象~ util.Test1(); util.Test2(); //调用

转载于:https://my.oschina.net/caomenglong/blog/376041

你可能感兴趣的文章
前台取json对象中的数据
查看>>
防火墙技术 配置基于区域策略的防火墙
查看>>
HTTP协议的理解
查看>>
bzoj 2301: [HAOI2011] Problem b
查看>>
牛客21天刷题_day#1
查看>>
xmlhelper类
查看>>
anisotropy texture filtering
查看>>
java list 遍历方式比较
查看>>
百度美图
查看>>
JPEGOPTIM压缩优化
查看>>
js ES6 多行字符串 连接字符串
查看>>
转:最佳实践:更好的设计你的 REST API
查看>>
Facebook被指“山寨”,背后真相是“炒作”还是……
查看>>
不要相信短信:iOS漏洞允许用户发送虚假短信
查看>>
南阳845(无主之地)
查看>>
笔迹之始
查看>>
C语言程序设计第六次作业
查看>>
轻松理解Redux原理及工作流程
查看>>
php正则表达式 常用记录
查看>>
UIScrollView
查看>>