2024年Web前端最新JavaScript 初识闭包closure及总结，2024年最新详解前端架构进阶面试题

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

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

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整

• 总结：

近期学习了JavaScript闭包，查阅了一些资料，对其作一定的总结以供回顾，日后有新的理解会保持增添更新。

JavaScript闭包的作用

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

先作开头总结，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。

闭包还有第二点作用:

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

闭包的第二点作用

---

还是这段代码：

function test1(){

var number = 100;

function test2(){

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

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

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整