js闭包作用（避免使用全局变量）

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

一、总结

1、优点:：可以把局部变量驻留在内存中,可以避免使用全局变量;

2、缺点：也有占用更多内存的缺点，用完要及时让垃圾回收器回收 fn=null //应及时解除引用，否则会占用更多存

3、闭包两种访问方式会有不同结果，()()双括号访问方式会出错，先赋值后的单括号访问方式是对的

二、js闭包作用

闭包闭包的相关概念

闭包的英文单词是closure，是指有权访问另一个函数作用域中变量的函数。
在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。内层的函数可以使用外层函数的所有变量，即使外层函数已经执行完毕。
这是JavaScript中非常重要的一部分知识，因为使用闭包可以大大减少我们的代码量，使我们的代码看上去更加清晰等等，总之功能十分强大。

注：这些概念了解即可，接下来我们将通过实例来进行了解。

闭包的相关知识点

常见的方式是在函数内部创建另一个函数
闭包的第一个用途：通过闭包可以访问局部变量
闭包的第二个用途：可以让局部变量的值始终保持在内存中
- 优点:可以把局部变量驻留在内存中,可以避免使用全局变量;
  全局变量在复杂程序中会造成许多麻烦（比如命名冲突，垃圾回收等），所以推荐使用私有的,封装的局部变量。而闭包可以实现这一点。
- 缺点：由于闭包里作用域返回的局部变量资源不会被立刻销毁回收,所以可能会占用更多的内存;所以过度使用闭包会导致性能下降;
循环函数中的匿名函数和闭包问题

三、代码

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
</head>
<body>
<script>
/*
// 通过全局变量来累加
var num= 100; function add() { alert(++num); } add();
add();
add(); // 每执行函数一次,累加一次; // 通过局部变量无法实现累加
function add(){
var num= 100; // 这里改为局部变量;
alert(num++);
}; add();add();add();
*/ // 通过闭包实现局部变量的累加 function add(){ var num= ; // 这里改为局部变量; return function(){
num++;
alert(num);
} }; // add()();add()();add()();//这种调用方式会出错,因为每次调用 num都会初始化一次;三次得到的结果一样 var fn=add()//只在这里初始化一次，后边调用的时候执行的是里边的匿名函数 fn();fn();fn(); fn=null //应及时解除引用，否则会占用更多存
</script>
</body>
</html>