技术实践

关于JavaScript闭包相关知识

由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,

羊先生的头像
羊先生2022.12.29 · 3 分钟阅读 · 109 阅读
关于JavaScript闭包相关知识封面
文章正文还需 3 分钟

要理解闭包,首先必须理解Javascript特殊的变量作用域,变量的作用域无非就是两种:全局变量局部变量

js 复制代码
function f1(){

 var n = '羊先生';

 function f2(){
   alert(n);
 }

 return f2;

}

var result=f1();

result(); // 羊先生

在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立

闭包作用

作用1:隐藏变量,避免全局污染
作用2:可以读取函数内部的变量
同时闭包使用不当,优点就变成了缺点:
缺点1:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除
缺点2:闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值

学习Javascript闭包(Closure)
JavaScript的堆栈和基本类型、引用类型