都是全局变量惹的祸

        全局变量之“祸”由来已久， 人所共“愤”，  但平时在做开发时， 常常还是不自觉地依靠全局变量， 比较便捷， 也容易出很隐蔽的BUG 。

 

        最近发现了一例， 做了简化处理， 不过本质是一样的， 供大家日后借鉴。

        var  global = null;      // 全局变量常常不会如此明显地自我标识， 不过要特别注意 public 变量

        var obtainGlobal = function() {

              return global;

        }

        var  init = function() {

              global =  { "a": 1, "b":  null };      

        }

        var  search = function() {

               console.log(global);  

        } 

       var  another = function() {

              var xx = obtainGlobal();

              xx.b = "I am back";   //   这里被隐蔽地修改了， 引用变量的属性被修改 

       }

       init(); 

       search();

       another();

       search();

       结果： 

         Object {a: 1, b: null}

  Object {a: 1,b: "I am back"}

       BUG 出现的过程是：

       STEP1：  应用启动， 调用 init() 方法初始化 global；

       STEP2：  查询操作， 调用 search() 方法， 此时获取的 b 是 null；

       STEP3：  另一个操作， 调用 another() 方法， 这里巧妙地修改了全局变量， 将 b 赋值为 "I am back"；

       STEP4：  再次查询操作， 调用 search() 方法， 此时获取的 b 是 "I am back".

       应用中， b 应该是显示的； 当时百思不得其解， 为什么有的时候可以显示 b ， 有的时候不能显示 b； 在初始化的时候， 发现 b 是没有被显示的， 后来又被修改了， 但又始终找不到在哪里被修改了。 

       

       这里由于代码比较少， 因此， 相对容易看到问题的存在； 当出现在项目中时， 这些全局变量的读取和修改就变得非常隐蔽， 掩藏在代码海洋中， 再也难以寻见， 注意到， 这里无法通过 IDE 的搜索功能搜索到 global 被修改的痕迹。