JavaScript 初识闭包closure及总结,前端学习笔记【附源码】_Java精品学习

先作开头总结,JavaScript闭包主要有两大作用:

  1. 读取函数内部的局部变量

  2. 让函数内部的局部变量保存在内存中

关于第一点,“读取函数内部的局部变量”,先了解闭包的概念:

闭包:是能够访问读取其它函数内部局部变量的函数。

也就是说,闭包是个函数,而这个函数的特点是能用来读取其他函数内部的局部变量,也就是闭包的第一点作用。

[](

)JavaScript闭包的必要性

===============================================================================

为什么需要一个有如此特点的函数去访问其它函数内部的局部变量呢?

因为,仅靠单纯的方法确实没法访问函数内部的局部变量。

相关的可以去查看一下JavaScript的链式作用域

例一:

 function test1(){      var number = 100;  }  test1();  console.log(number);    // error  

简单来说,外层找不到里层的变量,即外部无法访问test1函数内部的局部变量number。

例二:

 var number = 100;  function test1(){      console.log(number);  }  test1();  

里层可以一层一层向外层查找变量

例一发现,外部无法访问函数内部的局部变量。如果想在外部访问函数内部的局部变量,那就需要靠闭包来实现。

[](

)JavaScript闭包的实现 —— 返回值

=====================================================================================

 function test1(){      var number = 100;      function test2(){          // test2可以访问到test1中的变量          return number;      }      // 把test2返回到外面,外面就可以访问里面了      return test2;  }  var test = test1();  var result = test();  console.log(result);  

函数test2在test1的内部,根据链式作用域,test2是可以访问test1的局部变量的,而外面访问不到test1里面。那么只要把test2函数作返回值返回到外部,那么外部就可以访问test1内部的局部变量了。

回顾一下闭包的定义和作用:

闭包是一个函数,一个用于读取访问其它函数内部局部变量的函数

也就是说,定义在test1内部的test2函数,就是闭包函数。

test2函数使得外部环境能够访问test1函数内部的局部变量number。

闭包还有第二点作用:

总结

技术学到手后,就要开始准备面试了,找工作的时候一定要好好准备简历,毕竟简历是找工作的敲门砖,还有就是要多做面试题,复习巩固。

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript 初识闭包closure及总结,前端学习笔记【附源码】_Java精品学习

本站由小牛团队全力维护,小牛十年了,大家已经步入中年 。本站源码全部经过团队成员测试并调试,价格可能比其它网站略贵几元钱,不解释!
小牛资源 » JavaScript 初识闭包closure及总结,前端学习笔记【附源码】_Java精品学习

发表评论

全站资源亲测可用,价格略高几元,不解释

立即查看 了解详情