如何避免JS变量全局污染二

解决JS全局变量污染的插件式方法

最新推荐文章于 2022-04-05 20:28:59 发布

转载最新推荐文章于 2022-04-05 20:28:59 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/caomenglong/blog/376041

文章标签：

#python

本文介绍了一种解决JavaScript全局变量污染的问题，通过定义一个自定义类来组织和管理变量，使得代码更加清晰和易于维护。具体方法包括初始化类、定义属性和方法，并展示如何使用这个类来调用特定的功能。

2019独角兽企业重金招聘Python工程师标准>>>

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

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

function Test2(){
    //代码块
}

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

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

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

//Class.js
Global.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