1. 首页
  2. web前端

JavaScript变量污染

定义全局变量有 3 种方式:

  • 在任何函数体外直接使用 var 语句声明。

    var f = 'value1';

  • 直接添加属性到全局对象上。在 Web 浏览器中,全局作用域对象为 window。

    window.f = 'value';

  • 直接使用未经声明的变量,以这种方式定义的全局变量被称为隐式的全局变量。

    f = 'value' ;

全局变量在全局作用域内都是可见的,因此具有污染性。大量使用全局变量会降低程序的可靠性,用户应该避免使用全局变量。

减少使用全局变量有两种方式,示例如下:

示例1

在脚本中创建一个全局变量,作为当前应用的唯一接口,然后通过对象直接量的形式包含所有应用程序变量。

  var MyAPP = {}; //定义 APP 访问接口  MyAPP.name = { //定义APP配置变量      "id" : "应用程序的ID编号"  };  MyAPP.work = {      num : 123,  //APP计数器等内部属性      sub : { name : "sub_id"}, //APP应用分支      doing : function(){ //具体方法          //执行代码      }  };

把应用程序的所有变量都追加在该唯一名称空间下,降低与其他应用程序相互冲突的概率,应用程序也会变得更容易阅读。

示例2

使用函数体封装应用程序,这是最常用的一种方法。

  (function(window){      var MyAPP = {};  //定义 APP 访问接口      MyAPP.name = {  //定义APP配置变量          "id" : "应用程序的ID编号"      };      MyAPP.work = {          num : 123,  //APP计数器等内部属性          sub : { name : "sub_id"},  //APP 应用分支          doing : function(){  //具体方法              //执行代码          }      };      window.MyAPP;  //对外开放应用程序接口  })(window)

在 JavaScript 函数体内,所有声明的私有变量、参数、内部函数对外都是不可见的,如果不主动开放,外界是无法访问内部数据的,因此使用函数体封装应用程序是最佳实践。

原文始发于:JavaScript变量污染

主题测试文章,只做测试使用。发布者:程序员,转转请注明出处:http://www.cxybcw.com/1953.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code