javascript --- 变量污染全局作用域问题解决方案

日常写法

// 假设你写了几个关于某个某块的函数
function foo1 () {...}
function foo2 () {...}
function foo3 () {...}

出现问题:假设你的团队中也有一个人定义了foo1函数,那么你写的将会覆盖以前的函数,或者会被覆盖掉.若前面使用let声明了foo1变量.将会报错.

解决污染

你可能会想,将上面3个函数,挂载到一个FooObj对象上面,这样就很棒了.如下:

var FooObj = function () {};
FooObj.foo1 = function() { console.log(1) };
FooObj.foo2 = function() { console.log(2) };
FooObj.foo3 = function() { console.log(3) };

解决:这样可以大幅度的减少全局变量命名冲突问题
新问题: 该FooObj对象是无法复制的,导致每次都是在原来的基础上修改的.

// 假设有另外一个位置使用了你的FooObj.并且修改了foo2的内容.
var a = FooObj;
var b = FooObj;
a.foo2();    // 2
a.foo2 = 'hahaha';
b.foo2()  //  TypeError: b.foo2 is not a function// a 和 b引用的是同一块内存上的数据

解决无法复制

// 将需要的方法放入到函数的返回值中
var FooObj = function (){return {foo1: function() { console.log(1) },foo2: function() { console.log(2) },foo3: function() { console.log(3) }}
}// 使用
var a = FooObj();     // FooObj返回了3个方法,挂载到a的属性上
var b = FooObj();
a.foo1();    // 1
a.foo2();    // 2
a.foo2  = '哈哈哈';
b.foo2();   // 2// 每个函数都有一个return,用于将函数的执行权交出去.

以上解决了’无法复制的问题’

javascript --- 变量污染全局作用域问题解决方案相关推荐

javascript变量声明及作用域
javascript变量声明提升(hoisting) http://openwares.net/js/javascript_declaration_hoisting.html 可能要FQ一下 java ...
Javascript中闭包的作用域链
作用域定义了在当前上下文中能够被访问到的成员,在Javascript中分为全局作用域和函数作用域,通过函数嵌套可以实现嵌套作用域. 闭包一般发生在嵌套作用域中.闭包是JavaScript最强大的特性之 ...
你不知道的JavaScript（上卷）作用域和闭包
第一章作用域是什么提示:这里只是作者的学习,如果出现理解错误欢迎指正 1.1 编译原理 1.2 理解作用域 1.3 作用域嵌套 1.4 异常 1.5 小结文章目录第一章作用域是什么前言 1 ...
关于JavaScript编译原理以及作用域的深入探讨
前言几乎所有编程语言最基本的功能之一,就是能够储存变量当中的值,并且能在之后对这个值进行访问或修改.事实上,正是这种储存和访问变量的值的能力将状态带给了程序. 若没有了状态这个概念,程序虽然也能够执 ...
JavaScript执行上下文和作用域链
执行上下文作用域链执行上下文(Execution Context):函数执行前进行的准备工作(也称执行上下文环境) 运行 JavaScript 代码的时候,当代码执行进入一个环境时,就会为该环境创建 ...
Nodejs之require加载机制（模块可以污染全局空间）
以前就觉得Nodejs的MooTools库很奇怪,因为用他的时候,不需要把require的返回值保存起来,今天实在憋不住,就研究了下,对NodeJs的require机制又有了几分深刻的理解. MooT ...
python局部变量想作用于全局_python 局部和全局作用域
在函数内赋值的变量,处于该函数的"局部作用域".在所有函数之外赋值的变量,属于"全局作用域".处于局部作用域的变量,被称为"局部变量".处于 ...
JavaScript变量作用域如何像多个级别的政府一样
by Kevin Kononenko 凯文·科诺年科(Kevin Kononenko) JavaScript变量作用域如何像多个级别的政府一样 (How JavaScript variable sco ...
javascript全局变量和变量污染
javascript全局变量和变量污染全局变量&&变量污染定义全局变量有 3 种方式: 1:在任何函数体外直接使用 var 语句声明. var a = 10; 2 :直接添加属性到 ...

javascript --- 变量污染全局作用域问题解决方案

日常写法

解决污染

解决无法复制

javascript --- 变量污染全局作用域问题解决方案相关推荐

最新文章

热门文章