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

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档