好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

避免全局污染

避免全局污染

自己的项目,其实不太能在全局污染上踩坑。

大部分因为全局污染造成的问题,都出现在老项目下,这些老项目被太多人维护,同时又缺少模块化方案,如果开发人员的水平和意识都不是非常高,就会定义很多全局下的 属性 和 方法 。

这时候如果自己去维护老项目没注意,覆盖了 一个 全局项目,就可能出现 一个 惊天大 Bug 。

所以在全局环境下,非必要情况,不要直接声明变量和声明 函数 ,他们会造成全局污染。

避免这个问题最常用的 方法 就是把自己的逻辑用 一个 函数 包裹:

  (  function  (  )   { 
   // 业务逻辑 

   var  a  =   ; 
   var  b  =   ; 
   var  c  =   ; 

   function   fn  (  )   { 
    console .  log  ( a ,  b ,  c )  ; 
   } 

   fn  (  )  ;   //  输出 :1 2 3 
 }  )  (  )  ; 

 fn  (  )  ;   // 抛出异常:fn is not defined 
 

函数 拥有自己的作用域,这样就避免了全局污染的问题。

如果有时候需要通过全局做跳板,把一些 内容 临时的挂载全局下,可以起一些不太容易重名的名字:

 window . __$some_global_var  =   ; 
 

通过 _ 和 $ 组合一些前后缀,可以大大降低覆盖他们或者被覆盖的可能性。

也可以 增加 一个 命名空间,也就给全局下 增加 一个 对象,所有自己要用的或者某个业务相关的全局数据放 在这 个对象下:

 window . __some_logic_need  =   { 
  __$some_global_var :   , 
  __$some_global_fn :   function  (  )   {  }  , 
 }  ; 
 

控制台观察对象问题 ► ◄独一无二的 NaN

查看更多关于避免全局污染的详细内容...

  阅读:33次

上一篇

下一篇

第1节:什么是 JavaScript    第2节:学习环境准备    第3节:调试方案    第4节:JavaScript 变量    第5节:JavaScript 数据类型    第6节:JavaScript if 语句    第7节:for 语句    第8节:JavaScript 算数运算符    第9节:JavaScript 比较运算符    第10节:JavaScript 逻辑运算符    第11节:JavaScript 函数    第12节:JavaScript 表达式    第13节:JavaScript 对象    第14节:JavaScript 字符串    第15节:JavaScript 数字    第16节:JavaScript 数组    第17节:JavaScript switch 语句    第18节:JavaScript while 语句    第19节:JavaScript 的 break 与 continue    第20节:JavaScript with    第21节:document.cookie    第22节:JavaScript Function    第23节:JavaScript Math    第24节:JavaScript Date    第25节:JavaScript RegExp    第26节:JavaScript JSON    第27节:什么是 DOM    第28节:DOM 和 JavaScript 的关系    第29节:获取和操作 DOM 节点    第30节:DOM 与事件    第31节:DOM 事件绑定    第32节:DOM 事件对象    第33节:DOM 事件流    第34节:事件相关的优化    第35节:自定义事件    第36节:表单校验    第37节:什么是 BOM    第38节:常用的 BOM 相关对象    第39节:BOM 常用属性和方法    第40节:AJAX    第41节:异常处理    第42节:三元运算符    第43节:逗号操作符    第44节:void    第45节:typeof    第46节:delete 操作符    第47节:debugger    第48节:getter & setter    第49节:new 运算符与构造函数    第50节:JavaScript 原型    第51节:JavaScript instanceof    第52节:JavaScript this    第53节:严格模式    第54节:作用域    第55节:闭包    第56节:变量提升    第57节:对象包装器    第58节:Lodash    第59节:moment    第60节:swiper    第61节:ECMAScript 6    第62节:Node.js    第63节:Babel    第64节:CSS 预处理器    第65节:代码规范    第66节:TypeScript    第67节:WebComponents    第68节:Vue、React、Angular    第69节:小程序    第70节:JavaScript 关键字    第71节:分号导致的问题    第72节:对象属性访问问题    第73节:this 使用问题    第74节:浮点数精度问题    第75节:独一无二的 NaN    第76节:避免全局污染    第77节:控制台观察对象问题    第78节:根据环境选择语言特性    第79节:相关资源