Js闭包

2020-3-3 前端达人

所谓闭包就是说，闭包是指有权访问另外一个函数作用域中的变量的函数.可以理解为(能够读取其他函数内部变量的函数)

闭包的三大特点为（既是优点,也是缺点）：

1,函数作用域空间不会被销毁

优点是:空间中的内容,永远存在

缺点是:占用大量的内存空间

2,可以从外部访问函数内部的变量

优点是:使用变量数据方便

缺点是:容易泄露数据信息

3,保护私有作用域变量

优点是:确保私有作用域变量一直存在

缺点是:占用内存空间闭包的最大问题是:有可能造成占用大量的内存空间,降低程序的执行效率,甚至有可能造成数据溢出或者是数据泄露因为为了保护数据的安全性,特殊情况下,才会使用闭包举例来说：

// 记数器:

//全局变量全局变量降低函数的独立性

1

// var count = 0;

// function add(){

// return count++;

// }

// console.log(add());

// console.log(add());

// console.log(add());

//局部变量函数执行外局部变量销毁

1

// function add(){

// var count = 0;

// return count++;

// }

// console.log(add());

// console.log(add());

// console.log(add());

//plus定义在add的内部，可以访问add局部变量count

//f为一个全局变量,通过赋值后，成为add的返回值,也就是plus方法

//访问到了add中的局部变量count

//所以count虽然是局部变量,但不允许被销毁,plus就是闭包

1

2

3

4

// function add(){

// var count = 0;

// function plus(){

// return count++;

// }

// return plus;

// }

//

// var f = add();

//

// console.log(f());

// console.log(f());

// console.log(f());

//变身

1

// function add(){

// var count = 0;

// return function(){

// return count++;

// }

// }

//

// var f = add();

//

// console.log(f());

// console.log(f());

// console.log(f());

//继续变身

1

// var f = (function (){

// var count = 0;

// return function(){

// return count++;

// }

// }());

//

// console.log(f());

// console.log(f());

// console.log(f());

//JS中，没有块作用域，但是在闭包的写法里，可以体现出来。

function outerFunc(){

var outVar = 10;

var innerF = function (){

var innerVar = 20;//该变量虽然隶属于outerFunc内部，但是它的作用域范围只在innerF对应的函数体内，属于块级作用域

}

alert(innerVar);

return innerF;

}

闭包的作用:

正常函数执行完毕后,里面声明的变量被垃圾回收处理掉,但是闭包可以让作用域里的变量,在函数执行完之后依旧保持没有被垃圾回收处理掉

可以读取函数内部的变量

让这些变量的值始终保持在内存中。

增加块级作用域

总结：

1、闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。

2、闭包的缺点就是常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

3、不必纠结到底怎样才算闭包，其实你写的每一个函数都算作闭包，即使是全局函数，你访问函数外部的全局变量时，就是闭包的体现。

————————————————

版权声明：本文为CSDN博主「澈野」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/fie_ld/article/details/104595753

分享本文至：

« uniapp中的一个完全相似Vue-router的路由插件 Echarts饼图之数据展示 »

Js闭包

分类

日历

链接

个人资料

存档

Js闭包

分享到各大网站

分类

日历

链接

个人资料

存档